Typecho怎么实现无插件语法高亮

2025-11-02 21:24:58

1、我们的方法是通过prism.js而不是PHP代码来实现语法高亮。直接百度找到prism.js的官网,进入下载页面。在下载页面中选中你想要实现语法高亮的语言。

Typecho怎么实现无插件语法高亮

2、选完后,往下拉动页面,可以看到有两个下载按钮,一个下载js文件(prism.js),一个下载css文件(prism.css),把两个文件都下载下来。

Typecho怎么实现无插件语法高亮

3、把下载下来的js和css文件上传到Typecho的主题目录,即“usr/themes/主题名”目录下。

Typecho怎么实现无插件语法高亮

4、然后登陆进入Typecho的后台,点击“控制台” -> “外观”。

Typecho怎么实现无插件语法高亮

5、然后点击“编辑当前外观” -> “header.php”,在左边的代码框中找到"</head>",在它之前输入如图中的代码。

Typecho怎么实现无插件语法高亮

6、之后,在使用Markdown写文章时,只要在代码块标记```标记后面添加你的代码的语言名,如php, javascript等,就可以实现代码高亮展示。

Typecho怎么实现无插件语法高亮

7、最后,在首页以中展示出的文章中的代码块就会被高亮显示。

Typecho怎么实现无插件语法高亮

声明:本网站引用、摘录或转载内容仅供网站访问者交流或参考,不代表本站立场,如存在版权或非法内容,请联系站长删除,联系邮箱:site.kefu@qq.com。
猜你喜欢