安裝 Hexo NexT主題

hexo 官方網站 裡有許多的主題、插件可以安裝設定。

這次選擇的是 hexo 的 NexT 主題配置。

在下載的方式有兩種,一種是可以直接透過打包下載 zip 解壓縮後放到目的地資料夾安裝,另一種是直接使用 command line 命令下載。 Next 主題

下載

使用zip包

直接在repositories 點 clone 下載 zip ,下載之後解壓縮到 themes 裡面,接下來就是使用 VScode 做站點設定了。

直接 command line 下載

在目的地資料夾使用 git bash 命令

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

就會開始下載主題到 themes 資料夾

設定

接下來就要到 blog 資料夾下面,在 _config.yml 中,可以找到

# Extensions
## Plugins: https://hexo.io/plugins/
## Themes: https://hexo.io/themes/
theme: landspace

其中要修改 landspace 這個預設主題,將其改成我們下載的主題資料夾名稱 next ,然後存檔。

接著回到 git bash 輸入

hexo g
hexo s

先是生成靜態網頁,接著在本地端預覽,就可以發現已經改好了。

在每個主題中有個不同的外掛設定。像是NexT 裡也可以很簡單的就設定 GA(google analytics) ,直接在主題下面的 _config.yml 找到

# Google Analytics
google_analytics:
tracking_id: UA-xxxxxxxx
localhost_ignored: true

直接在 tracking_id 上加上追蹤 ID ,如果沒有可以上google analytics 申請一個,加入後就可以追蹤流量了。

另外也可以再加入現成的留言板。 像是 Disqus 也有可以設定。