0%

Hexo教學(三) 主題匯入

Hexo檔案結構

Hexo裡面會有一些內層資料夾以及一些單一檔案,敘述如下 :
├─ 📁 node_modules $\rightarrow$ node.js套件資源包,通常此資料夾容量很大
├─ 📁 public $\rightarrow$ 經由 hexo generate 指令所發布的靜態檔案都在這
├─ 📁 scaffolds $\rightarrow$ 當我們新增一篇文章或頁面時,會根據這裡的模板檔案進行初始化
├─ 📁 source $\rightarrow$ 新增的文章與頁面都會在這
     └─ 📁 _posts $\rightarrow$ 存放 hexo new post/draft/page '文章標題' 指令新增的文章
├─ 📁 themes $\rightarrow$ hexo主題都會放在這裡
     └─ 📁 landscape $\rightarrow$ 預設主題
├─ _config.yml $\rightarrow$ hexo的設定檔,稍後會到這裡設定
├─ .gitignore $\rightarrow$ 會被 git忽略的資料夾或檔案在這裡設定
├─ package.json $\rightarrow$ 與 npm相關,管理會用到的套件版本,可修改版本來使用
└─ package-lock.json $\rightarrow$ 與 npm相關,此為自動產生,不必修改

備註 : 可以在 _posts 內增加資料夾進行文章分類

匯入主題

官方預設的主題會放在 📁 themes中,主題名稱是 landscape,而 Hexo的主題可以自行製作,也可以到這邊尋找喜歡的,這裡分享如以下 :

  • hueman
    • git clone https://github.com/ppoffice/hexo-theme-hueman.git themes/hueman
  • NexT
    • 版本 v8
    • git clone https://github.com/next-theme/hexo-theme-next.git themes/next

那麼要如何將主題匯入呢?
上面那串指令就是將主題從網路上下載一份回來,並存放在指定的位置,將它簡化就是 git clone 主題存放網址 hexo指定的資料夾位置,記得要在建立好的桌面\新增資料夾\hexoblog中輸入指令,路徑位置為舉例,請根據有上述那些資料夾的 hexo位置輸入。

NexT主題設定

由於自己選擇了 NexT主題匯入,這邊有 NexT的設定與說明。

參考來源

  1. Ray - (4) 試著學 Hexo - 認識 Hexo 目錄結構
  2. Ray - (17) 試著學 Hexo - NexT 主題篇 - NexT
  3. 瑪利歐 - Hexo 資料夾/檔案架構、佈景主題修改介紹