3分鐘完成HexoBlog主題Next設定

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
2
3
4
# Extensions
## Plugins: https://hexo.io/plugins/
## Themes: https://hexo.io/themes/
theme: next

驗證主題

首先啟動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
2
3
4
5
6
7
# Site
title:
subtitle:
description:
author:
language: zh-tw
timezone:

選擇Scheme

Scheme 是NexT 提供的一種特性,借助於Scheme,NexT 為你提供多種不同的外觀。幾乎所有的配置都可以在Scheme 之間共用。

在主題設定theme/next/_config.yml裡找到schema,注釋去掉即可開啟。

1
2
3
4
#scheme: Muse
scheme: Mist
#scheme: Pisces
#scheme: Gemini

代碼高亮

NexT 使用 Tomorrow Theme 作为代碼高亮,共有5款主題可選擇。 NexT 默認使用的是 白色的 normal 主题,選項有 normal,night, night blue, night bright, night eighties

1
2
3
4
5
# Code Highlight theme
# Available value:
# normal | night | night eighties | night blue | night bright
# https://github.com/chriskempson/tomorrow-theme
highlight_theme: night bright

動畫效果

在主題設定themes/next/_config.yml裡選擇要開啟的動畫效果,要打開就把值設定成true

1
2
3
4
5
6
7
8
9
10
11
# canvas-nest
canvas_nest: false

# three_waves
three_waves: false

# canvas_lines
canvas_lines: true

# canvas_sphere
canvas_sphere: false

參考資料

配置 | Hexo
开始使用 - NexT 使用文档
主题配置 - NexT 使用文档