Hexo+NexT（一）：在Windows下安裝Hexo+NexT及搭建博客

閱讀本篇以前，假定讀者已經有了Node.js的基礎，如須要補充Node.js知識的，請自行百度。

Hexo是在Node.js框架下的一個項目，利用Node.js提供的強大功能，完成從Markdown到靜態網頁的轉換。

NexT是Hexo項目下的一個主題插件，提供可高度定製的頁面外觀。

Hexo博客專題索引頁

1. 咱們要作什麼

1. 搭建Node.js環境
2. 下載Hexo項目
3. 下載NexT的主題插件
4. 運行博客

2. 在Windows系統下安裝Node.js

在Windows下，Node.js的核心是命令行可執行文件Node.exe。不管安裝版或者綠色版，只要知足如下兩個基本條件，Hexo便可運行。

1. node.exe在命令行控制檯的當前文件夾，或者能夠經過系統環境變量path找到。
2. Node.js相關的工具包（如npm，其實是Windows腳本文件npm.cmd）在命令行控制檯的當前文件夾或者能夠經過系統環境變量path找到。

注意：npm是Node.js自帶的模塊包管理工具，跟node.exe位於同一文件夾。Hexo項目也是提供了命令行工具hexo.cmd。這個項目被全部的實例共享，Hexo通常應全局安裝。它的hexo.cmd所在文件夾應被放入系統path變量中。

安裝Node.js

上面的信息對Windows老司機已經足夠。本節餘下內容請老司機略過。

1. 從http://nodejs.cn/download/下載32或64位zip壓縮包版本，建議安裝長期支持版本。

2. 把下載包解壓縮到你但願安裝的文件夾，好比D:\DevelopTools\Nodejs\。

3. 任選下面一種方式把Node.exe的路徑放到系統path變量中去。修改path變量後，只有在新打開的命令行窗口中生效。

   • 使用setx命令

     setx PATH "%PATH%;D:\DevelopTools\Nodejs\;" /M

   • 直接修改註冊表

     用註冊表編輯器打開HKEY_LOCAL_MACHINE\SYSTEM\CurrentControlSet\Control\Session Manager\Environment，在path變量後追加;D:\DevelopTools\Nodejs\;。

   • 在個人電腦上點擊右鍵，選擇屬性，選擇高級系統設置，選擇高級，選擇系統變量，在path變量中追加上述路徑。

4. 如下面任意方式設置包的全局安裝位置，假設其位置爲d:\node_global。
   • 用npm命令npm config set prefix ="d:\node_global"。
   • 直接打開C:\Users\Administrator\.npmrc文件，增長或修改其中的prefix=d:\node_global。

5. 參照3的方式把Node.js包的全局安裝路徑d:\node_global放到系統path變量中去。

6. 運行node -v和npm -v，顯示正常的版本則說明安裝完畢。

補充：國內環境下把包的遠程服務器設置爲淘寶鏡像，以加快下載速度。

• 使用命令行運行npm config set registry=https://registry.npm.taobao.org/。
• 或者，直接修改C:\Users\Administrator\.npmrc文件，增長一行registry=https://registry.npm.taobao.org/。

3. 安裝或下載Hexo項目

官方推薦採用npm進行安裝。

npm install hexo-cli -g

上面的命令會把hexo.cmd安裝到全局包倉庫中，因爲該倉庫文件夾在Windows系統的path中。因此你就能夠在任意位置執行hexo命令了。

執行一下命令確認hexo安裝無缺。

hexo -v

該命令會顯示hexo的版本及依賴的包。

4. 安裝或下載NexT主題插件

經過git指令下載NexT最新的主題文件。

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

或者，直接從發佈頁https://github.com/iissnan/hexo-theme-next/releases下載源指定版本源代碼。

Assets 2

Source code(zip)

Source code(tar.gz)

下載以後，解壓縮主題主題文件，並把它放到themes主題文件

+---public
|   +---about
|   +---archives
|   +---categories
|   +---css
|   +---images
|   +---js
|   +---lib
|   +---page
|   +---post
|   \---tags
+---scaffolds
+---source
|   +---about
|   +---categories
|   +---images
|   +---tags
|   +---_drafts
|   \---_posts
\---themes
    \---next
        +---languages
        +---layout
        +---scripts
        +---source
        |   +---css
        |   +---fonts
        |   +---images
        |   +---js

在站點配置文件_config.yml裏面，找到它

# 原來的值是landscape
theme: next

5. 建立及運行博客

1. 建立一個空白文件夾，做爲博客根目錄，在該根目錄下，初始化博客

   hexo init

2. 把主題文件拷貝到博客文件的theme下面

3. 執行Hexo提供的服務器命令。

   hexo serve

​ 控制檯顯示：

INFO  Hexo is running at http://localhost:4000 . Press Ctrl+C to stop.

在瀏覽器地址欄裏面輸入http://localhost:4000，就能夠訪問博客了。

重要信息

本文章用到的項目版本

hexo:3.8.0
NexT:5.1.2