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

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

CodeHighlighter插件安装使用教程：

1、下载CodeHighlighter插件：https://github.com/Copterfly/CodeHighlighter-for-Typecho

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

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

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

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

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

//codes go here

示例：

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

JavaScript

复制

代码高亮效果

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

JavaScript

复制

支持的代码语言类型：

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

prism.js：/CodeHighlighter/static/prism.js

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