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


技术177 阅0 评

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

下载 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 代码高亮(非插件)

还有其他高亮工具

最后更新 2024-03-10
评论 ( 0 )
OωO
隐私评论