W3Cschool
恭喜您成為首批注冊用戶
獲得88經(jīng)驗值獎勵
創(chuàng)建 Hexo 主題非常容易,您只要在 themes
文件夾內(nèi),新增一個任意名稱的文件夾,并修改 _config.yml
內(nèi)的 theme
設定,即可切換主題。一個主題可能會有以下的結(jié)構(gòu):
.
├── _config.yml
├── languages
├── layout
├── scripts
└── source
主題的配置文件。和 Hexo 配置文件不同,主題配置文件修改時會自動更新,無需重啟 Hexo Server。
語言文件夾。請參見 本地化 (i18n)
布局文件夾。用于存放主題的模板文件,決定了網(wǎng)站內(nèi)容的呈現(xiàn)方式,Hexo 內(nèi)建 Swig 模板引擎,您可以另外安裝插件來獲得 EJS、Haml 或 Jade 支持,Hexo 根據(jù)模板文件的擴展名來決定所使用的模板引擎,例如:
EJS: layout.ejs
Swig: layout.swig
您可參考 模板 以獲得更多信息。
腳本文件夾。在啟動時,Hexo 會載入此文件夾內(nèi)的 JavaScript 文件,請參見 插件 以獲得更多信息。
資源文件夾,除了模板以外的 Asset,例如 CSS、JavaScript 文件等,都應該放在這個文件夾中。文件或文件夾開頭名稱為 _
(下劃線線)或隱藏的文件會被忽略。
如果文件可以被渲染的話,會經(jīng)過解析然后儲存到 public
文件夾,否則會直接拷貝到 public
文件夾。
當您完成主題后,可以考慮將它發(fā)布到 主題列表,讓更多人能夠使用您的主題。在發(fā)布前建議先進行 主題單元測試,確保每一項功能都能正常使用。發(fā)布主題的步驟和更新文件 非常類似。
$ git clone https://github.com//site.git
$ cd site
$ npm install
source/_data/themes.yml
,在文件中新增您的主題,例如: - name: landscape
description: A brand new default theme for Hexo.
link: https://github.com/hexojs/hexo-theme-landscape
preview: http://hexo.io/hexo-theme-landscape
tags:
- official
- responsive
- widget
- two_column
- one_column
在 source/themes/screenshots
新增同名的截圖檔案,圖片必須為 800x500 的 PNG 文件。
Copyright©2021 w3cschool編程獅|閩ICP備15016281號-3|閩公網(wǎng)安備35020302033924號
違法和不良信息舉報電話:173-0602-2364|舉報郵箱:jubao@eeedong.com
掃描二維碼
下載編程獅App
編程獅公眾號
聯(lián)系方式:
更多建議: