Typecho-Material主题不支持Kotlin代码高亮的解决方案
Overview
从highlightjs选择主题
Material 主题采用 hightlight.js 实现代码的高亮,所以我们可以去 https://highlightjs.org/ 下载我们喜欢的代码高亮的样式。
这里笔者选择的是 Atom One Dark 主题
下载hightlight.js
你会看到很多的语言选项,通过 Control+F
查找我们需要的 Kotlin
语言的高亮。
在页面的最下方找到 Download
按钮,下载文件。
修改文件名称
下载下来的文件结构如下
- highlight.pack.js 是对代码块进行渲染的JS代码
- styles 文件夹下都是各种各样的css主题,我们最上面选择的 Atom One Dark 就在其中
我们去Material主题的文件夹下,找到对应代码高亮的文件
在主题的css目录下,我们找到了 highlight.min.css 文件,这个文件代表着代码块的css
在主题的js目录下找到了highlight.min.js 文件,该文件是给代码块染色的文件
将下载的hightlightjs中的 highlight.pack.js
重命名为 highlight.min.js
将下载的hightlightjs中的你喜欢的主题的css文件重命名为highlight.min.css
将服务器上的原主题的这两个文件,替换为最新的文件。然后重启Web 服务器。查看代码样式,大功告成。