基于prismjs的Typecho代码高亮插件CodeHighlighter

CodeHighlighter插件是一款基于prismjs的代码语法高亮typecho插件，支持众多常见的代码语言高亮显示，官方提供8种代码高亮风格自由切换，支持显示代码语言类型、行号，以及支持复制代码到剪切板功能。

CodeHighlighter插件安装使用教程：

1、下载CodeHighlighter插件：GitHub

2、把下载的压缩包解压出来的文件夹重命名为CodeHighlighter（不改无法启用）

3、上传该文件夹到网站的usr/plugins/目录

4、登录网站后台，在控制台——插件中启用该插件

5、点击插件后面的【设置】进入设置界面，可选择代码高亮风格和是否显示行号

6、编辑文章要添加高亮代码时，根据以下格式填写：

1
2
3

```javascript(语言类型必填)
//codes go here
```

示例：

1
2
3
4

```javascript
var wl = 'hello,world';
alert(wl);
```

代码高亮效果：

支持的代码语言类型：

可以选择下载自己想要代码语言的js和css文件，然后分别替换插件的prism.js文件和css文件，路径如下：

prism.js：/CodeHighlighter/static/prism.js
css文件：/CodeHighlighter/static/styles/改为对应的风格名.css

除非注明，文章均由 博客吧 整理发布，欢迎转载。

转载请注明本文地址：https://www.boke8.net/typecho-codehighlighter-plugin.html

如果喜欢，可以：点此订阅本站