一直以来,都有着折腾blog的想法,除了刚出来工作的那段时间,进场在51cto上写些东西.后续就基本上就荒芜了.wordpress买了不少,主机和域名也琢磨了不少,就是压根没写什么东西.而且也越来越感觉到,毕业一年后到现在,自己几乎没有怎么努力做一些事情,进步也是乏善可陈.现在开始换方向了,作为一名高龄程序猿,需要付出的也许更多,也必须坚持.希望这次能写写东西,能写的久一点.那就从搭建blog这个事情上开始做起吧!
经过一段时间的折腾,总算搭建起来了Hexo的blog.学习hexo搭建静态博客中遇到些许问题,总结下来,以供后续翻看.
1.Hexo安装
2.小试牛刀
3.配置文件及主题(模板文件)
1. Hexo安装
依赖环境准备
Git安装
Mac: brew install git
Linux (Ubuntu, Debian): sudo apt-get install git-core
Linux (Fedora, Red Hat, CentOS): sudo yum install git-core
Windows: Download & install msysgit.
Node.js安装
-点击Nodj官网下载链接下载对应版本进行安装
mac用户也可以使用brew install node进行安装
Github准备(后续会单独整理一篇blog,静候后续更新)
创建Github账号
创建SSH key并添加到Github
设置个人信息(link到github上)
建立对应仓库名(your_username.github.io)
Mac用户还需要安装Xcode和Xcode命令行工具
安装Hexo
当前面先决条件都安装好了之后,运行下列命令安装Hexo
npm install hexo -g
初始化博客目录
hexo init <folder>
生成静态页面
hexo generate
本地启动,然后在浏览器里面输入http://127.0.0.1:4000就可以看到效果.(可以使用'ctrl+c'关闭Server).
hexo server
上传站点到Github
首先需要修改配置文件_./config.yml,如下:
deploy:
type: github
repository: https://github.com/yourname/youname.github.io.git
branch: master #一般填写master即可
然后运行以下命令,稍等片刻,可以通过http://yourname.github.io访问你上传的demo网站.绑定指定域名会在后续博文中做出说明.
hexo deploy
到此为止,已经完成Hexo的初步安装,并上传到Github.
下面我们将介绍如何新建一篇blog和页面,并完成自定义域名的访问.
2.小试牛刀
新建文章,也就是新建一篇blog
hexo new "blog_name"
运行完命令后会在./source/_posts下面生成 blog_name.md文件,就可以在vim或者其他任意编辑器里面尽情的进行创作了.
blog头部解析:
title: #当前blog名称,比如title: Hexo搭建blog_总结
tags: [] #blog标签,比如github,hexo
date: 2015-01-23 15:06:20
categories: #文章归类,比如小技巧,博客搭建
编辑blog是请遵循MarkDown语法,详情可以参考MarkDown语法
新建页面,比如新建关于,友情链接等页面
hexo new page "page_name"
然后可以在http://127.0.0.1:4000查看最终修改结果,确定无误后.重新通过以下步骤部署到Github.
hexo generater #重新生成静态页面,静态网站更新需要全站更新
hexo deploy #将刚才新生成的站点同步到Github上
绑定自定义域名
购买域名:推荐使用Godaddy.全球最大的域名提供商,关键是它还支持支付宝.详情略.
配置DNS,这里以dnspod为例,详情如图:
设置CNAME,玩过Github Page的应该知道,只需要手动在yourname.github.io根页面下新建一个CNAME的文件.这里很重要,因为静态网站更新是全站整体更新的.如果手动添加的会在更新时被删除掉,导致配置失效.
在这里,我们需要在./.source/目录下手动新建一个CNAME文件,写入指定的域名.
blog.xiaolud.com #如上图,我们这里填入<blog.xiaolud.com>即可.
稍等片刻,我们就能够通过指定的域名访问我们的blog了.
到此,我们就完成了blog的搭建,并学习了如何写一篇blog,新建一个新的页面.下一节将介绍一些基础的配置,主题的更换以及评论的开启.
3.配置文件及主题
网站目录
├── _config.yml
├── package.json
├── scaffolds
├── scripts
├── source
| ├── _drafts
| └── _posts
└── themes
_config.yml
Hexo 主要配置文件为_./config.yml,我们在第一节里面已有说明,这里只列出需要配置的选项.
不多,详情请参考hexo官方配置.
# Site
title: Sean's blog #网站标题
subtitle: Being-towards-death#网站小标题
description: Sean's walk step by step#网站描述
author: Sean# yourname
email: xiaoxxxx@xxxx.com# your mail
language: zh-CN#language
# URL
## If your site is put in a subdirectory, set url as 'http://yoursite.com/child' and root as '/child/'
url: http://blog.xiaolud.com #你的域名
root: /
permalink: :year/:month/:day/:title/
tag_dir: tags
archive_dir: archives
category_dir: categories
code_dir: downloads/code
permalink_defaults:
# Disqus#hexo默认支持Disqus
disqus_shortname: xxxxxxx#如果你是disqus用户,输入你的shortname,即可开启评论服务.注意不是username.
语法注意:Hexo有一个强制语法要求,":"后面必须要有个空格
安装第三方主题
到Hexo Theme浏览选择的主题,并复制主题github地址.
安装主题(这里以Alberta主题为例).
git clone https://github.com/ken8203/hexo-theme-alberta.git themes/alberta
然后配置_config.yml,选择新安装的主题.
theme:alberta
配置theme/_config.yml,这里就不展开说明,详情请参考各个主题README.
更新主题
cd themes/alberta
git pull
至此,我们就基本上完成了Hexo的一些常用配置,还有其他方面的需求,请参考.
[Hexo 官方DOCS](http://hexo.io/docs/,'HEXO 官方DOCS')
Hexo你的博客
更换博客系统——从jekyll到hexo