写在开头

一直有想法弄个博客来写东西，可怯于自己的水平、文笔怕写不出什么内容来，加之人也有点惰性blabla，也是拖了好久，现在想着其实没必要在意这么多，网络的世界重在分享！每个人成长所处阶段并不一样，总结出来的也不都正确，要敢于暴露自己的错误，才更能收获知识的正确。技术类博文对很多技术人是有导向性的，如果知识传递不正确，很多人的理解就会偏差，所以还是要尽量深入的去研究再总结，博文也应该随着技术更新而更新，交流也是很重要的。

Github Pages

先来聊聊如何搭建博客吧！Github Pages提供了免费域名(类似http://username.github.io)来搭建网页，有以下几个步骤:

1.申请一个GitHub账号->地址
2.创建一个名为username.github.io的仓库（username填写GitHub用户名，请确保一致，否则会报错404）
3.使用你偏爱的方式克隆此仓库，此处以Terminal方式来介绍（包括GUI工具SourceTree或GitHub）

1
2
3
4
5
6
7
8
9
10
11
# 克隆仓库到本地
$ git clone https://github.com/username/username.github.io
# Hello World首页
$ cd username.github.io
$ echo "Hello World" > index.html
# 推送远端
$ git add -a
$ git commit -m "Initial commit"
$ git push

4.浏览器输入http://username.github.io访问Hello World页面

Hexo

Hexo提供了很多精美的博客主题模板，还有很多便利的插件，要使用此博客引擎首先要安装Node.js->官网地址，可用$ node -v或$ npm -v命令检测版本，接着通过$ npm install hexo-cli -g命令安装Hexo即可。

使用介绍

初始化博客

1
2
3
# 博客目录下
$ hexo init
$ npm install

修改主题
可在/themes目录下查看博客主题，初始默认提供landscape主题，要更换的话，需要先从远端仓库克隆到/themes目录下，例如:

1
$ git clone https://github.com/monkiyang/hexo-theme-polarbear.git themes/polarbear

然后修改_config.yml文件中themes配置即themes:polarbear

预览博客

1
2
3
4
$ hexo s
# INFO  Start processing
# INFO  Hexo is running at http://localhost:4000/. Press Ctrl+C to stop.

浏览器输入http://localhost:4000/预览本地博客。

写文章
$ hexo new title会在.source/_posts目录下生成一个.md文件，用Markdown编辑好内容，hexo s预览效果。

部署博客
hexo g会生成一个public目录，里面包括你所有的网页及资源。注意：每次部署前，先执行hexo g，因为部署会提取public目录下的内容推送至远端仓库。修改_config.yml文件中deploy配置为

1
2
3
4
deploy:
    type: git
    repo: git@github.com:username/username.github.io.git
branch: master

然后$ npm install hexo-deployer-git -save命令安装hexo-deployer-git插件，最后执行$ hexo -d，等上传成功后，就能通过http://username.github.io访问博客。

个性域名

1.在阿里云万网付费注册一个域名
2.在username.github.io仓库创建一个CNAME文件，在其中加入购买的域名
3.在阿里云万网配置域名解析指向http://username.github.io
4.浏览器输入个性域名访问博客

参考资料

Github Pages帮助文档
Hexo帮助文档
成功叛逃到hexo by Lyeec