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

 时间:2026-02-15 14:04:00

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怎么实现无插件语法高亮

  • 修改mysql初始密码
  • Dw中如何插入子元素
  • 活用Mysql的information_schema库Tables表?
  • 如何使用Bootstrap内的样式控制图片并展示不同
  • 使用java实现插入排序
  • 热门搜索
    母亲节的手抄报 爱眼日手抄报内容 文明健康有你有我手抄报 溺水手抄报简单又漂亮 清明节手抄报图片大全 法制手抄报内容资料 国庆节手抄报简单好看 预防新型冠状病毒手抄报 我们的节日手抄报 关于书的手抄报