本站的博客搭建采用Hexo+NexT主題，部署在GitHub Pages。
下面手把手帶你搭建免費高效的博客系統~

簡介

Hexo–快速、簡潔且高效的博客框架，基于NodeJS環境。

• 超快速度： Node.js 所帶來的超快生成速度，讓上百個頁面在幾秒內瞬間完成渲染。
• 支持 Markdown：Hexo 支持 GitHub Flavored Markdown 的所有功能，甚至可以整合 Octopress 的大多數插件。
• 一鍵部署：只需一條指令即可部署到 GitHub Pages, Heroku 或其他網站。
• 豐富的插件：Hexo 擁有強大的插件系統，安裝插件可以讓 Hexo 支持 Jade, CoffeeScript。

Hexo 使用 Markdown（或其他渲染引擎）解析文章，在幾秒內，即可利用靚麗的主題生成靜態網頁。

安裝

安裝前提：

• NodeJS環境：下載地址
• Git：Windows | Mac

安裝Hexo：

npm install -g hexo-cli

具體的安裝過程的問題，這里不再過多提及。官方安裝文檔：https://hexo.io/zh-cn/docs/

建站

新建文件夾創建項目：

hexo init <folder> cd <folder> npm install

若需要在當前文件夾直接創建，在當前目錄下hexo init。

Hexo項目目錄結構：

. ├── _config.yml ├── package.json ├── scaffolds ├── source | ├── _drafts | └── _posts └── themes

_config.yml：網站的配置信息。官方配置文檔：https://hexo.io/zh-cn/docs/configuration。

package.json：應用程序的信息。

scaffolds：模版文件夾。當您新建文章時，Hexo 會根據scaffold來建立文件。官方模板配置文檔：https://hexo.io/zh-cn/docs/templates

source：資源文件夾是存放用戶資源的地方。除 _posts 文件夾之外，開頭命名為 _ (下劃線)的文件 / 文件夾和隱藏的文件將會被忽略。Markdown 和 HTML 文件會被解析并放到 public 文件夾，而其他文件會被拷貝過去。

themes：主題文件夾。Hexo 會根據主題來生成靜態頁面。

項目下的`_config.yml`為**項目配置文件**，主題下的`_config.yml`為**主題配置文件**。

執行

hexo generate && hexo server --debug

即可在本地http://localhost:4000/ 查看默認的網站樣式啦~

命令

新建網站項目

hexo init [folder]

如果沒有設置 folder ，Hexo 默認在目前的文件夾建立網站。

新建文章

hexo new [layout] <title>

如果沒有設置 layout 的話，默認使用 網站配置_config.yml 中的 default_layout 參數代替。

如果標題包含空格的話，請使用引號括起來。

也可以簡寫：hexo n [layout] <title>

生成靜態文件

hexo generate

• -d, --deploy 文件生成后立即部署網站
• -w, --watch 監視文件變動

也可以簡寫：hexo g

本地啟動服務器

hexo server

默認情況下，訪問網址為： http://localhost:4000/。

• -p, --port 重設端口
• -s, --static 只使用靜態文件
• -l, --log 啟動日記記錄，使用覆蓋記錄格式

也可以簡寫：hexo s

線上部署

hexo deploy

• -g, --generate 部署之前預先生成靜態文件

也可以簡寫：hexo d

部署到GitHub Pages請看這篇文章~

清除緩存文件和已生成的靜態文件

hexo clean

清除緩存文件 (db.json) 和已生成的靜態文件 (public)。

在某些情況（尤其是更換主題后），如果發現您對站點的更改無論如何也不生效，您可能需要運行該命令。

更改配置文件_config.yml后需要運行該命令。不然可能會報Unhandled rejection Error: ENOENT: no such file or directory, open '**'。

主題

Hexo的默認主題是landscape，官方推薦主題：https://hexo.io/themes/

本博客網站使用的主題是NexT.Pisces
如需要v6及以上的，請看新倉庫https://github.com/theme-next/hexo-theme-next

安裝

先從git將主題拉下來，在項目下

git clone https://github.com/iissnan/hexo-theme-next themes/next

在項目配置文件_config.yml中查找theme，修改值為theme: next。（注意next前的空格哦）

然后hexo clean && hexo generate && hexo server --debug就能看見next主題的默認樣式啦

選擇NexT.Pisces需要在themes/next下的主題配置文件_config.yml中查找scheme，修改值為scheme: Pisces再運行上面的重新啟動，
就能看到樣式啦

安裝Hexo和Next主題到此就結束啦~

要說的話

建議在項目下package.json中配置開發運行腳本和部署腳本，在最外層json中添加：

"scripts": {"dev": "hexo clean && hexo generate && hexo server --debug","start": "hexo clean && hexo generate && hexo deploy"},

以后開發運行npm run dev就好啦。線上部署使用npm run start。

總結

以上是生活随笔為你收集整理的Hexo--博客搭建的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。