image
接上一篇黃階配置
玄階配置
前面我們已經成功的執(zhí)行以下步驟(以下步驟全部在主題配置文件中完成,除開有些標識的):
- 下載 Next 主題
cd your-hexo-site
git clone https://github.com/iissnan/hexo-theme-next themes/next
- 啟用主題
修改站點配置文件
theme: next
- 驗證主題
hexo clean
hexo g
hexo s
INFO Hexo is running at http://0.0.0.0:4000/. Press Ctrl+C to stop.
此時即可使用瀏覽器訪問 http://localhost:4000,檢查站點是否正確運行。
以下是我們即將要執(zhí)行的操作:
- 選擇 Scheme
# Schemes
# scheme: Muse
# scheme: Mist
# scheme: Pisces
scheme: Gemini
這里我使用第五種,修改主題配置文件即可修改成功。
- 設置菜單
菜單配置包括三個部分,第一是菜單項(名稱和鏈接),第二是菜單項的顯示文本,第三是菜單項對應的圖標。 NexT 使用的是 Font Awesome 提供的圖標。
- 設定菜單名稱和鏈接,如下:
menu:
home: / || home
archives: /archives/ || archive
categories: /categories/ || th
tags: /tags/ || tags
about: /about/ || user
#schedule: /schedule/ || calendar
#sitemap: /sitemap.xml || sitemap
#commonweal: /404/ || heartbeat
- 設定菜單項的顯示文本
Next 默認顯示的名稱是菜單的的英文,如果要使用其他語言,就要修改主題文件下的languages
文件夾下的對應語言的yml
的配置文件。這里以簡體中文為例(修改zh-Hans.yml
):
menu:
home: 首頁
archives: 歸檔
categories: 分類
tags: 標簽
about: 關于
search: 搜索
schedule: 日程表
sitemap: 站點地圖
commonweal: 公益404
- 設定菜單項對應的圖標
menu_icons:
enable: true
# Icon Mapping.
home: home
about: user
categories: th
tags: tags
archives: archive
commonweal: heartbeat
注:在菜單圖標開啟的情況下,如果菜單項與菜單未匹配(沒有設置或者無效的 Font Awesome 圖標名字) 的情況下,NexT 將會使用?作為圖標。 | 請注意鍵值(如 home)的大小寫要嚴格匹配。
- 設置左側欄
- 設置側欄的位置,修改 sidebar.position 的值,支持的選項有:
left - 靠左放置
right - 靠右放置
sidebar:
position: left
- 設置側欄顯示的時機,修改 sidebar.display 的值,支持的選項有:
post - 默認行為,在文章頁面(擁有目錄列表)時顯示
always - 在所有頁面中都顯示
hide - 在所有頁面中都隱藏(可以手動展開)
remove - 完全移除
sidebar:
display: post
- 頭像設置
主要就是設置頭像的路徑地址,這里頭像的地址可以由多種方式:
地址 | 值 |
---|---|
完整的互聯網 URI | http://example.com/avatar.png |
站點內的地址 | 將頭像放置主題目錄下的 source/uploads/ (新建 uploads 目錄若不存在) |
配置為:avatar: /uploads/avatar.png
或者 放置在 source/images/ 目錄下
配置為:avatar: /images/avatar.png |
頭像設置示例:
avatar: http://example.com/avatar.png