3分鐘完成HexoBlog主題Next設定
使用NexT這個主題:
安裝NexT
Hexo安裝主題的方式非常簡單,只需要將主題文件拷貝至站點目錄的themes目錄下,然後修改下配置文件即可。
hexo-theme-next
下載主題:$ git clone https://github.com/iissnan/hexo-theme-next themes/next
啟用主題
與所有Hexo主題啟用的模式一樣。當clone下載完成後,打開站點配置文件,找到theme字段,並將其值更改為next。
1 | # Extensions |
驗證主題
首先啟動Hexo本地站點,並開啟調試模式(即加上–debug),整個命令是hexo s --debug
。在服務啟動的過程,注意觀察命令行輸出是否有任何異常信息。
當命令行輸出中提示出:INFO Hexo is running at http://0.0.0.0:4000/. Press Ctrl+C to stop.
此時即可使用瀏覽器訪問http://localhost:4000 ,檢查站點是否正確運行。
主題設定
設置語言
編輯站點配置文件,將language設置成你所需要的語言。建議明確設置你所需要的語言,例如選用中文,配置如下:
在站點配置文件_config.yml中找到language欄位,設定為zh-tw
1 | # Site |
選擇Scheme
Scheme 是NexT 提供的一種特性,借助於Scheme,NexT 為你提供多種不同的外觀。幾乎所有的配置都可以在Scheme 之間共用。
在主題設定theme/next/_config.yml
裡找到schema,注釋去掉即可開啟。
1 | #scheme: Muse |
代碼高亮
NexT 使用 Tomorrow Theme 作为代碼高亮,共有5款主題可選擇。 NexT 默認使用的是 白色的 normal 主题,選項有 normal,night, night blue, night bright, night eighties
1 | # Code Highlight theme |
動畫效果
在主題設定themes/next/_config.yml裡選擇要開啟的動畫效果,要打開就把值設定成true
1 | # canvas-nest |
參考資料
配置 | Hexo
开始使用 - NexT 使用文档
主题配置 - NexT 使用文档