如何使用Hexo建立我的博客

前言

效果展現，請訪問個人 我的博客。

---

什麼是 Hexo？

Hexo 是一個快速、簡潔且高效的博客框架。Hexo 使用 Markdown（或其餘渲染引擎）解析文章，在幾秒內，便可利用靚麗的主題生成靜態網頁。

安裝

1. 安裝 Hexo 比較簡單，但在安裝前，須要安裝以下應用程序。（若是您已經安裝了以下程序，請直接執行第2步。）

• Node.js （安裝教程）
• Git （安裝教程）

2. 安裝Hexo，打開終端，輸入

npm install -g hexo-cli
複製代碼

建站

安裝 Hexo 完成後，執行下列命令，Hexo 將會在指定文件夾中建立博客框架。

hexo init <folder>
cd <folder>
複製代碼

新建完成後，指定文件夾的目錄以下：

• _config.yml => 網站的 配置 信息，您能夠在此配置大部分的參數。
• package.json => 應用程序的信息。
• scaffolds => 模版文件夾。當您新建文章時，Hexo 會根據 scaffold 來創建文件。
• source => 資源文件夾是存放用戶資源的地方。除 _posts 文件夾以外，開頭命名爲 _ (下劃線)的文件 / 文件夾和隱藏的文件將會被忽略。Markdown 和 HTML 文件會被解析並放到 public 文件夾，而其餘文件會被拷貝過去。
• themes => 主題文件夾。Hexo 會根據主題來生成靜態頁面。

預覽

1. 生成靜態文件。在終端中輸入

hexo generate
複製代碼

2. 啓動服務器。在終端中輸入

hexo server
複製代碼

默認狀況下，在瀏覽器中訪問網址： http://localhost:4000/ 便可預覽我的博客。

寫做

你能夠執行下列命令來建立一篇新文章。

hexo new <title>
複製代碼

部署

1. 安裝 hexo-deployer-git。

npm install hexo-deployer-git --save
複製代碼

2. 修改配置。

deploy:
  type: git
  repo: <repository url> #https://bitbucket.org/JohnSmith/johnsmith.bitbucket.io
  branch: [branch] #published
  message: [message]
複製代碼

參數	描述
repo	庫（Repository）地址
branch	分支名稱。若是您使用的是 GitHub 或 GitCafe 的話，程序會嘗試自動檢測。
message	自定義提交信息 (默認爲 Site updated: {{ ('YYYY-MM-DD HH:mm:ss') }})

3. 生成站點文件並推送至遠程庫。執行命令。

hexo clean && hexo deploy
複製代碼

前者清除站點文件，後者從新生成站點文件並將之推送到指定的庫分支。