本文介紹

安裝hexo

在站點目錄下，開啟git-bash輸入下面的指令安裝hexo:

npm install hexo-cli g

注意

安裝過程可能比較慢，這跟網路環境有關。如果天沒有見到執行效果，請耐心等待。

我在用git bash安裝的時候就半天沒反應，這個時候，不小心按下ctrl+c結束了，這樣安裝沒有完整。先刪除掉再說：npm uninstall hexo。然後，我默默的開啟手機用開個熱點。再安裝：npm install hexo-cli g

安裝成功hexo的輸出：

$ npm install hexo-cli g
npm WARN saveError ENOENT: no such file or directory, open 'D:\Blog\package.json'
npm notice created a lockfile as package-lock.json. You should commit this file.
npm WARN enoent ENOENT: no such file or directory, open 'D:\Blog\package.json'
npm WARN Blog No description
npm WARN Blog No repository field.
npm WARN Blog No README data
npm WARN Blog No license field.
npm WARN optional SKIPPING OPTIONAL DEPENDENCY: 
 
[email protected] (node_modules\fsevents):
npm WARN notsup SKIPPING OPTIONAL DEPENDENCY: Unsupported platform for [email protected]: wanted {"os":"darwin","arch":"any"} (current: {"os":"win32","arch":"x64"})

+ [email protected]
+ [email protected]
added 104 packages in 15.271s

安裝成功之後就可以使用Hexo來建立站點了。

Hexo命令

建立站點目錄

安裝完成後，根據自己喜好建立目錄。如在git-bash中進入/d/Blog/目錄下，初始化一個名為blog站點目錄，我們以後的所有操作都在這個站點目錄下進行。

hexo init blog

初始化輸出：

$ hexo init blog
INFO  Cloning hexo-starter to D:\Blog\blog
Cloning into 'D:\Blog\blog'...
remote: Counting objects: 68, done.
remote: Total 68 (delta 0), reused 0 (delta 0), pack-reused 67
......
{"os":"darwin","arch":"any"} (current: {"os":"win32","arch":"x64"})

added 396 packages in 33.779s
INFO  Start blogging with Hexo!
 

建立好站點之後，Hexo已經預設給我們建立好一個Hello World頁面了。

清楚快取

使用hexo clean可以清除快取，清除快取可以讓新配置的資訊立即生效。

生成靜態頁面

使用hexo generate或簡寫hexo g命令生成靜態頁面(html),一般使用簡寫形式就行了。

$ hexo generate

開啟本地伺服器

輸入hexo server或者輸入其簡寫形式hexo s即可開啟本地伺服器。

$ hexo server

然後開啟瀏覽器，輸出localhost:4000可以看到效果。

連寫形式

使用&&作為分隔符可以把多條命令寫成一行。例如hexo clean,hexo g,hexo s這三條命令可以寫成hexo clean&&hexo g&&hexo s這樣的一行的形式。這樣可以較少輸入命令的次數，git-bash支援按上下鍵，顯示上次執行過的命令。這樣我們在除錯的時候就可以按一下上鍵，然後回車執行這三條命令了。

hexo組合命令

也可以寫成下面的形式：

• 清除、生成、啟動

hexo clean && hexo g -s

• 清除、生成、部署

hexo clean && hexo g -d

將部落格部署到Github Pages上

使用hexo s可以在本機上啟動伺服器(部署在本機)，這種方式適用於除錯階段。部署到Github之後我們可以通過網路來訪問。

安裝外掛

hexo要想到githbu pages的要安裝hexo-deployer-git這個外掛,站點目錄下，開啟git-bash輸入下面的命令進行安裝。

npm install hexo-deployer-git --save

修改站點配置檔案

開啟站點根目錄(blog)下的_config.yml檔案，這個檔案以後稱為站點配置檔案找到下面的deploy:欄位 並更改為：

deploy:
  type: git
  repo: https://github.com/使用者名稱/使用者名稱.github.io.git  #你的倉庫地址
  branch: master

其中repo欄位使github倉庫的地址，branch使你想要推送的分支。
注意：冒號後面有一個半形空格。

以上配置完成後,就可以部署到gitbub上了。

部署hexo

輸入下面的命令將hexo部落格部署到github中：

# 清空靜態頁面
hexo clean
# 生成靜態頁面
hexo generate
# 部署 
hexo deploy

相當於執行

hexo c && hexo g -d

參考文章