网上Typecho代码高亮插件有很多,但是可能有各种bug,对小白来说太难了。找到一个博主的简单方法,分享一下。具体的方法是通过prism.js而不是PHP代码来实现语法高亮,把代码高亮集成到主题里。

原文链接远航博客

  • 进入prism.js的官网,进入下载页面。在下载页面中选中你想要实现语法高亮的语言

20448-0yv0ce6ub13.png

  • 下载js文件(prism.js)和css文件(prism.css)
  • 将下载的js和css文件上传到主题文件夹内
  • 在主题文件中引用加载js和css文件,一般是在header.php或者footer.php中适当位置(我是放在header.php行尾的),添加以下代码:
<link rel="stylesheet" href="<?php $this->options->themeUrl('prism.css');?>"> <script src="<?php $this->options->themeUrl('prism.js');?>"></script>

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