Hexo + Github Pages 搭建个人博客

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

• 安装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 中修改大部份的配置。

  • 命令：

    1 2 3 4 5 6

    $ 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

更多文档

[1] Hexo主页
[2] 内置标签
[3] hexo你的博客
[4] Github Pages个人博客，从Octopress转向Hexo
[5] 手把手教你使用Hexo + Github Pages搭建个人独立博客
[6] Markdown 维基百科
[7] Markdown 语法说明 (简体中文版)
[8] Markdown简介及其编辑器