一种不使用插件来实现几乎所有语言的语法高亮的方式

  前言

  Typecho是一款由国人开发的博客程序typecho 代码高亮,它的特征是简约精巧,扩展性强typecho 代码高亮,并且外置支持Markdown时态写作,因而太受技术博客作者的欢迎。但是默认的Typecho没有自带语法高亮,要实现语法高亮就该使用Typecho相应的插件,而Typecho的插件安装跟调试都比较难,这里就将介绍一种不使用插件来实现几乎所有语言的语法高亮的方式。

  PrismJs

  PrismJs是一款轻量、可扩充的代码语法高亮库,使用现代化的Web标准建立,使用PrismJs可以迅速为网站添加代码高亮功能,支持超出上百种编程语言,还支持多种插件,是简约、高效的代码高亮解决方案

  官网传送门:

  1. 下载1.1 进入下载页面

  ↓点击 DOWNLOAD 进入下载页面↓

  1.2 根据需求进行选择

  插件解析

  插件是扩充Prism功能的附加脚本(和CSS代码)

  1.3 下载 css js 文件

  ↓点击 DOWNLOAD 进行下载↓

  2. 配置2.1 上传 css js 文件

  ↓把下载出来的js跟css文件上传至Typecho的主题目录↓

  ↓即“usr/themes/主题名”目录下↓

  2.2 配置header.php文件

  ↓进入Typecho的后台,点击“控制台” -> “外观”↓

  ↓点击“编辑当前外形” -> “header.php”,在两边的代码框中找到 /head ↓

  ↓在它之前键入如图中的代码↓

  ↓代码↓

<p><pre class="prism-token token language-javascript">

Last modification:December 10th, 2020 at 10:19 pm
如果觉得我的文章对你有用,请随意赞赏