Hexo + Github Pages 搭建个人博客

之前一直想搭建自己的博客，由于自己的懒惰拖到现在。好了，废话不多说！直接上干货！

效果如下：https://shfanzie.github.io

安装Node.js
安装Git
Github Pages配置
安装Hexo及主题设置
进阶篇-高级定制
其它实用功能

安装Node.js

安装 Node.js

安装Git

安装Git

Github Pages配置

首先注册一个『GitHub』帐号，已有的请忽略
建立与你用户名对应的仓库，仓库名必须为『your_user_name.github.io』
添加SSH公钥到『Account settings -> SSH Keys -> Add SSH Key』

安装Hexo及NexT主题设置

NexT 主题简洁优雅且易于使用，故本博客基于 NexT 主题。

安装Hexo：
Hexo 是一个快速、简洁且高效的博客框架。Hexo 使用 Markdown（或其他渲染引擎）解析文章，在几秒内，即可利用靓丽的主题生成静态网页。

建站：

1

2

3

$ hexo init <folder>

$ cd <folder>

$ npm install
配置：可以在 _config.yml 中修改大部份的配置。

命令：

$ hexo init <folder>            // 新建一个网站
$ hexo new [layout] <title>     // 新建一篇文章
$ hexo generate                 // 生成静态文件
$ hexo server                   // 启动服务器
$ hexo deploy                   // 部署网站
$ hexo clean                    // 清除缓存文件 (db.json) 和已生成的静态文件 (/public)

安装 hexo-deployer-git：

1

$ npm install hexo-deployer-git --save // 把public里面生成的文件推送到Github Pages上。
修改站点_config.xml文件，添加你的Github中仓库地址，该仓库名称必须是 your_user_name.github.io，添加如下内容到_config.yml中。

1

2

3

4

deploy:

type: git

repository: git@github.com:your_user_name/your_user_name.github.io.git // 注意换成自己的username

branch: master

NexT主题设置
至此，博客基本搭建完成。不过功能还很简单，可以继续定制高级更多功能。

进阶篇-高级定制

NexT 坚持将复杂的细节隐藏，提供尽量少并且简便的设置，保持最大限度的易用性。

高级定制主题
- 设置「RSS」
- 添加「标签」页面
- 添加「分类」页面
- 添加「about」页面
- 设置「字体」
- 设置「代码高亮主题」
- 侧边栏社交链接
- 开启打赏功能
- 设置友情链接
- 腾讯公益404页面
- 站点建立时间
- 订阅微信公众号
- 设置「动画效果」
- 设置「背景动画」
- 添加Fork me on Github

其它实用功能

静态站点拥有一定的局限性，因此我们需要借助于第三方服务来扩展站点的功能。以下是 NexT 目前支持的第三方服务，你可以根据你的需求集成一些功能进来。

第三方服务集成
- 评论系统
  - DISQUS
  - 网易云跟帖
  - 多说（马上要关闭了，不推荐）
- 数据统计与分析
  - 百度统计
  - Google 分析
  - 不蒜子统计
- 内容分享服务
  - JiaThis
  - AddThis
  - 百度分享
- 搜索服务
  - Algolia
  - Local Search
- 其他服务
  - MathJax
  - Facebook SDK
  - Google Webmaster tools

shfanzie

less is more.