是否想過擁有一個屬於自己的博客網站？但總覺得搭建自己的個人博客肯定門檻挺高，無從下手。
今天來給大家介紹一種既簡單，成本又低的搭建博客方法: Github Pages / Coding Pages + Hexo。（5元錢搭建一個網站心不心動？）
首先給大家看一下搭建起來的效果（也歡迎點擊我的博客站點查看：小舒的酒館不打烊）：
個人博客主頁
概念介紹
HEXO
Hexo 是一個簡單、快速、強大的靜態博客框架，基於Node.js。它主要有以下優點：
- 極速生產靜態頁面
- 一鍵部署博客
- 豐富的插件和主題
- 支持 Markdown
實際上，你可能僅僅會用上不超過5條的部署命令，所以你剛開始搭建博客時可以什麼都不懂，按照教程打一遍命令就行了。
Hexo 官方主頁
Github Pages / Coding Pages
- Github Pages：是 GitHub 推出的功能，只要建立了 github.io 庫，就默認在使用。它相當於一個服務器，是用來託管 Github 上靜態網頁的免費站點，可以保存和維護你的博客文件。
- Coding Pages：和 Github Pages 作用相同，屬於騰訊平臺。因為 Github 服務器在國外，國內訪問速度有時會比較慢，這就限制了你建立的博客的訪問速度，因此為了雙重保障和你的博客運行速度，建議和 Github Pages 同時部署。 在最新的 CODING 網站中Coding Pages 直接用的靜態網頁表示了，功能和以前一樣。
利用 Hexo 和 Github Pages / Coding Pages搭建博客，實際上就是利用 Hexo 在本地（你的電腦上）生成一個博客站點，然後利用網絡將它傳輸到Github/Coding上進行拷貝和備份。再由 Github 和 Coding 提供的Github Pages / Coding Pages服務將博客部署到網上，這樣你的博客就可以作為一個獨立的站點被別人瀏覽（正式上線）。同時你也可以在 Github 和 Coding 上管理你的博客。
搭建過程
搭建步驟
- 安裝 Git、Node.js、Hexo
- 獲得個人網站域名
- 創建 Github 個人倉庫、Coding 部署靜態網頁
- 綁定域名
- 推送網站
- 個性化（這點後面單獨講）
具體的操作網上資料十分豐富，我這裡不細細絮叨了。推薦幾個教程給大家，我也是按照這些教程一步步做的，基本問題不大，需要注意的坑我也會記在下面，所以建議大家先閱讀一下全文。
- GitHub+Hexo 搭建個人網站詳細教程 詳細講解了 Github Pages + Hexo 的具體步驟。
- （一）Github + Hexo 搭建個人博客超詳細教程 超級詳細(後悔看到的太晚了)講解了 Github Pages 的具體步驟。
- Hexo 雙線部署到 Coding 和 GitHub 提升訪問速度 詳細講解了如何雙線部署，提高訪問速度。
我的建議和踩過的坑
- 域名建議買國內的（騰訊雲、阿里雲都有），不僅能夠提供雙路線解析（境內、境外），而且價格不貴（我夠買的 .top 只要5元）。我之前用的國外 name.com 的域名管理（通過 Github 學生認證，域名可以免費一年），卻無法進行雙路線的解析，所以無法綁定 Coding 的靜態網頁，只能使用 Github Pages，最後博客的訪問速度真令我絕望。
- GitHub+Hexo 搭建個人網站詳細教程 裡有一點沒有提及。那就是在安裝 Hexo 這一步，hexo init blog 及之後的命令都是在 Clone 下的 Blog/blog 目錄下進行的，一定要注意，不能弄錯，不然第一步直接棄坑。
- 代碼運行後，如果錯誤會提示錯誤信息。這些提示很重要，如果不能看懂錯誤信息，那麼複製提示信息搜索以下，你會立馬得到你要的答案。一般來說，初學者會經常由於配置表裡面的縮進問題報錯。
- 除了搜索錯誤提示，直接查看Hexo官方文檔也是好辦法。
- 看配置文檔的時候，Sublime 和 notepad ++ 會是你的好幫手。
- 如果提交成功發現網頁端博客還是沒顯示變化，那麼強制刷新（F5）試一下。
個性化
現在到了關鍵的個性化設置了，Hexo 有豐富的主題庫 Themes | Hexo，可以幫助你實現各式各樣的排版。雖然很多人推薦 next 主題，但是對於初學者來說可能並不想看那麼多的代碼和英文介紹，要是有問題找解決辦法都頭痛。所以我推薦大家先嚐試一下主題庫裡帶中文文檔說明的主題，這樣上手會快很多，以後再挑戰其他主題。我採用的是 Fluid 主題 Hexo Fluid 用戶手冊，中文講解很細緻很貼心。
Fluid 說明文檔
- 需要提醒一下 Front-matter 添加文章封面的寫法（第4行）：
<code> ---
title: Git 學習筆記
date: 2020-03-17 19:04:13
index_img: url
tags: Git
categories: 學習
---/<code>
- 在 typora 你會用到 emoji 表情，上下標、腳註等 markdown 拓展語法，這時候你就要安裝 hexo 的插件來支持這些功能。教程參考這篇 hexo插件支持emoji表情。
最後給大家推薦幾個好看的博客，裡面也有他們關於博客的倒騰故事：
- 誰把錢丟了
- 吃白飯的休伯利安號
- Felix
閱讀更多 小舒的酒館不打烊 的文章
