CodeHighlighter插件:基于prismjs的代码语法高亮typecho插件

搬瓦工机场JMS

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);
```
代码高亮效果:

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

支持的代码语言类型:

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

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

未经允许不得转载:搬瓦工VPS_美国VPS » CodeHighlighter插件:基于prismjs的代码语法高亮typecho插件

赞 (0) 打赏

相关推荐

    暂无内容!

评论 0

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

微信扫一扫打赏