0%

Next 主题设置代码高亮

Next 主题设置代码高亮

Next 主题默认使用 tomorrow-theme 来做代码高亮。

找到Next主题目录下的_config.xml文件

在这里可以修改风格

1
2
3
4
5
6
7
8
9
10
11
12
codeblock:
# Code Highlight theme
# Available values: normal | night | night eighties | night blue | night bright | solarized | solarized dark | galactic
# See: https://github.com/chriskempson/tomorrow-theme
highlight_theme: normal
# Add copy button on codeblock
copy_button:
enable: true
# Show text copy result.
show_result: false
# Available values: default | flat | mac
style: default

我们更改为 highlight_theme: night eighties

得到深色系的Code风格

但是我们发现一个问题。。。

为什么字体颜色都是一样的?这个问题困扰了我许久,后来我发现因为Hexo使用了HighLight.js这个插件来显示代码高亮,之前把这个插件选项打开了,应该同Next主题使用的tomorrow-theme产生了冲突。在Hexo的_config.xml里把 highlight 的 hljs 选项关了即可。

1
2
3
4
5
6
7
highlight:
enable: true
line_number: true
auto_detect: true
tab_replace: ''
wrap: true
hljs: false

然后

1
2
hexo clean
hexo g

即可