簡單認識Hexo的目錄結構

在部署成功以後,我嘗試了十幾種主題,最終決定使用Even。在不斷替換主題的過程當中,我漸漸對Hexo的目錄結構有了一些清晰的認識。css

本文將簡單介紹Hexo的目錄結構。html

deploy後的目錄結構

在執行過Hexo deploy命令以後,目錄結構有所變化,新增了.deploy_gitpublic.gitignorenode

hexo deploy 先後的目錄變化

_config.yml

初始化時自動建立。git

用來配置博客相關的參數。具體參數設置,參照配置|Hexogithub

node_modules 和 package.json

都是在初始化時自動建立。json

node_modules用來存儲已安裝的各種依賴包。
package.json用來查看Hexo的版本以及相關依賴包的版本。hexo

Hexo會默認安裝:post

  • hexo:主程序
  • hexo-deployer-git:實現git部署方式
  • hexo-generator-archive:存檔頁面生成器
  • hexo-generator-category:分類頁面生成器
  • hexo-generator-index:index生成器
  • hexo-generator-tag:標籤頁面生成器
  • hexo-renderer-ejs:支持EJS渲染
  • hexo-renderer-marked:Markdown引擎
  • hexo-renderer-stylus:支持stylus渲染
  • hexo-server:支持本地預覽,默認地址 localhost:4000

在使用過程當中,尤爲是更換主題時,須要安裝其它的依賴包。好比:spa

  • hexo-renderer-scss:支持scss渲染。Even主題須要安裝此依賴包。

新安裝的依賴包,也會保存在node_module文件夾下。code

scaffold

初始化時自動建立。

模板文件夾。包含pagepostdraft三種模板,分別對應 頁面、要發佈的文章、草稿。

themes

初始化時自動建立。

主題文件夾。每個主題,都有一個單獨的文件夾。默認主題爲landscape

這裏值得注意的是,Hexo配置文件中的language**參數**的值,取決於每一個主題文件夾(如landscape)下的language**文件夾**裏的文件名。

source , public 和 .deploy_git

  • source:資源文件夾。用來存放圖片、Markdown文檔(文章、草稿)、各類頁面(分類、關於頁面等)。
  • public:將source文件夾裏的Markdown文檔,轉換成index.html。再結合主題進行渲染,就是咱們最終看到的博客。
  • .deploy_git:將public文件夾的內容提交到Github後生成,內容與public文件夾基本一致。

這三者的關係大體是:source -> public -> .deploy_git

執行hexo generate,根據source,更新 public。
執行hexo deploy,根據public,更新 .deploy_git。

瞭解了這三個文件夾的關係,也就瞭解爲何自定義域名須要添加的 CNAME 文件要在 public 文件夾下建立了。

參考文檔

  1. Hexo中文文檔
  2. hexo目錄結構小探
相關文章
相關標籤/搜索