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

  • 命令：

    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简介及其编辑器

 

本文做者：bedrock32
本文连接：https://shfanzie.github.io/201704/Hexo-Github-Pages-personal-blog/
版权声明：本博客全部文章除特别声明外，均采用 CC BY-NC-SA 4.0 CN 许可协议。转载请注明出处！