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 許可協議。轉載請註明出處！