第一次使用 Hexo

發表於 更新於 所需閱讀時間 ≈ 1 分鐘

安裝Hexo

使用 Mac 環境安裝 Hexo
檢查 Node.js版本是否達建議 10.0 以上版本

1
$ node -v

###安裝 Hexo

1
$ npm install -g hexo-cli

###基本 config 設定介紹
異動的設定檔都在 _config.yml中，簡單介紹幾個比較常用的參數

  • new_post_name: :year-:month-:day-:title.md
    • 使用指令新增文章時，可以加上時間戳記作為標題，方便排序

###安裝 Hexo-NexT theme (版本為 8.5.0)

1
$ npm install --save hexo-theme-next

新版的NexT theme/_config.yml 移至 根目錄中的 _config.next.yml

  1. 修改 _config.yml 中的 theme: next

安裝外掛套件

安裝外掛套件

全站搜尋

安裝

1
$ npm install hexo-generator-searchdb --save

設定
在 _config.yml 中新增

1
2
3
4
5
6
# 全站搜尋按钮
search:
  path: search.xml
  field: post
  format: html
  limit: 10000

在主題設定檔中搜尋 local_search
以我的在根目錄的 _config.next.yml中
將參數 enable 改為 true

文章 字數統計/閱讀時間計算

1
$ npm install hexo-symbols-count-time --save
  1. 在 _config.yml 中加上
    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    #文章點擊次數
    symbols_count_time:
      symbols: false #顯示字數統計
      time: true #顯示閱讀時間
      total_symbols: true #網頁底部顯示字數統計
      total_time: true #網頁底部顯示閱讀時間
      exclude_codeblock: false #將程式碼加入計算
      awl: 4 #文字長度 中文:2, 英文:5, 預設為4
      wpm: 275 #一分鐘可獨得文字數 預設為275
      suffix: "分鐘" #時間單位文字顯示
  2. 在 _config.next.yml 中搜尋 symbols_count_time
    1
    2
    3
    4
    symbols_count_time:
      separated_meta: true
      item_text_post: true
      item_text_total: false
  • 發現 文章安裝後卻沒有正常顯示，Reading time ≈ NaN:aN

解決辦法： 將所有文章的清除重新編譯過即可

參考網站:
https://hexo.io/zh-tw/docs/
https://blog.mrzorg.top/Hexo/2020-02-12-hero-next-theme-settings/
https://github.com/theme-next/hexo-symbols-count-time
https://ed521.github.io/2020/05/hexo-next-upgrade/