MENU

日志|无插件实现typecho代码高亮

March 12, 2021 • Read: 18 • 听得入迷

插件使用起来很麻烦,所以直接修改主题好了,也是百度的结果,但是不好找,于是在这里记下来。

下载 js 和 css 文件

首先在prismjs选择你需要的语言及插件(不可贪多,选的语言过多,js 文件会很大,严重影响网站加载速度)。

prismjs 很强大,支持全部语言。还有很多功能插件,比如 copy、显示语言、预览等等。

上传文件

把 js 和 css 文件上传到你正在使用的主题的根目录。注意文件名分别是prism.jsprism.css

插入引用代码

<link rel="stylesheet" href="<?php $this->options->themeUrl('prism.css');?>"> <script src="<?php $this->options->themeUrl('prism.js');?>"></script>

把代码插入到 typecho 的 footer.php 或者 header.php 中就可以了

使用方法

1|     ~~~html  <!--要在符号后面标明语言才会生效-->
2|
3|     ~~~
4|
5|    或者
6|
7|    ```html
8|
9|    ```      

转载自远航博客-Typecho 代码高亮(非插件)

还有其他高亮工具

若无特别声明,本文版权归听得入迷所有
标题:《日志|无插件实现typecho代码高亮》
链接:https://blog.tdrme.cn/48.html
作品采用 《署名-非商业性使用-相同方式共享 4.0 国际 (CC BY-NC-SA 4.0) 》许可协议授权。

Last Modified: March 22, 2021
Archives Tip
QR Code for this page
Tipping QR Code