Typecho-Material主题不支持Kotlin代码高亮的解决方案

   日期:2025-01-02    作者:caijiyuan 浏览:76    移动:http://w.yusign.com/mobile/quote/8937.html

最近通过Typecho搭建了一个Blog,采用了 Material主题,其他的都挺好,也挺喜欢这个主题,但是因为最近一直使用Kotlin语言,但是这个主题却没有Kotlin语言的高亮,这就比较难受了,所以就自己稍微修改了一下。

Material 主题采用 hightlight.js 实现代码的高亮,所以我们可以去 https://highlightjs.org/ 下载我们喜欢的代码高亮的样式。

这里笔者选择的是 Atom One Dark 主题

你会看到很多的语言选项,通过 查找我们需要的 语言的高亮。

在页面的最下方找到 按钮,下载文件。

下载下来的文件结构如下

  • highlight.pack.js 是对代码块进行渲染的JS代码
  • styles 文件夹下都是各种各样的css主题,我们最上面选择的 Atom One Dark 就在其中

我们去Material主题的文件夹下,找到对应代码高亮的文件

在主题的css目录下,我们找到了 highlight.min.css 文件,这个文件代表着代码块的css

在主题的js目录下找到了highlight.min.js 文件,该文件是给代码块染色的文件

将下载的hightlightjs中的 重命名为

将下载的hightlightjs中的你喜欢的主题的css文件重命名为

将服务器上的原主题的这两个文件,替换为最新的文件。然后重启Web 服务器。查看代码样式,大功告成。

本文地址:http://w.yusign.com/quote/8937.html    述古往 http://w.yusign.com/static/ , 查看更多

特别提示:本信息由相关用户自行提供,真实性未证实,仅供参考。请谨慎采用,风险自负。


举报收藏 0评论 0
0相关评论
相关行情
推荐行情
点击排行
{
网站首页  |  关于我们  |  联系方式  |  用户协议  |  隐私政策  |  版权声明  |  网站地图  |  排名推广  |  广告服务  |  积分换礼  |  网站留言  |  RSS订阅  |  违规举报  |  鄂ICP备2020018471号