zoukankan      html  css  js  c++  java
  • Typecho-Material主题不支持Kotlin代码高亮的解决方案

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

    Overview

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

    从highlightjs选择主题

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

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

    2018-09-06_19-39-26

    下载hightlight.js

    2018-09-06_19-41-34

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

    2018-09-06_19-42-20

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

    修改文件名称

    下载下来的文件结构如下

    Snag_1a8429d6

    • 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 服务器。查看代码样式,大功告成。

    Snag_1a8a9276

  • 相关阅读:
    jmeter测试mysql数据库之JDBC请求
    接口测试浅谈
    python import xxx 与 from xxx import xx 模块引入的区别
    交互模式下测试python代码及变量的四则运算
    python入门之一python安装及程序运行
    zabbix命令之:zabbix_get命令
    snmpwalk工具使用
    zabbix基础知识
    Centos7.5 rpm安装zabbix_agent4.0.3
    mysql常用命令
  • 原文地址:https://www.cnblogs.com/slyfox/p/9600534.html
Copyright © 2011-2022 走看看