typecho-Highlight.js 代码高亮插件

插件开发及发布

版主: woniou

回复
头像
jrotty
帖子: 428
注册时间: 2015年 11月 2日 19:30

typecho-Highlight.js 代码高亮插件

帖子 jrotty »

项目地址:https://github.com/jrotty/Highlightjs-for-typecho
安装
将 Highlight 文件夹传到 typecho 插件目录即可完成插件的安装

其他说明
该插件需要加载 JQ,兼容 instantclick.js

功能说明
能让代码高亮,并且有行号

使用方法
如下面格式

```php
<?php echo 'hello jrotty!'; ?>
```

266313860.png
266313860.png (34.44 KiB) 查看 11560 次


过程
本来是想用Highlight.js写个代码高亮插件,然而一搜发现 typecho 的作者 joyqi 早就写过了,于是我决定就拿他的这个直接改吧。

原地址:http://forum.typecho.org/viewtopic.php?&t=4464

首先名字改成了 Highlight

然后将 Highlight.js 的 js 和 css 都换成最新的了,删改了 js,加入了行号显示功能。
you6116
帖子: 9
注册时间: 2017年 10月 4日 22:21

Re: typecho-Highlight.js 代码高亮插件

帖子 you6116 »

正想要这个!试试看!感谢楼主!
fengtalk
帖子: 1
注册时间: 2017年 11月 21日 17:42
联系:

Re: typecho-Highlight.js 代码高亮插件

帖子 fengtalk »

支持1.1版本吗?谢谢!
头像
jrotty
帖子: 428
注册时间: 2015年 11月 2日 19:30

Re: typecho-Highlight.js 代码高亮插件

帖子 jrotty »

fengtalk 写了:支持1.1版本吗?谢谢!

支持
windery
帖子: 1
注册时间: 2018年 4月 22日 06:09

Re: typecho-Highlight.js 代码高亮插件

帖子 windery »

加载JQ怎么加? 没写过前端,求解答
头像
jrotty
帖子: 428
注册时间: 2015年 11月 2日 19:30

Re: typecho-Highlight.js 代码高亮插件

帖子 jrotty »

windery 写了:加载JQ怎么加? 没写过前端,求解答

<script src="https://cdn.bootcss.com/jquery/3.3.1/jquery.min.js"></script>
头像
LiCxi
帖子: 12
注册时间: 2018年 3月 3日 10:34

Re: typecho-Highlight.js 代码高亮插件

帖子 LiCxi »

CSS 最好加入特定的 Class,不然有些主题可能会有CSS冲突
回复