分页: 1 / 1

typecho-Highlight.js 代码高亮插件

发表于 : 2017年 9月 30日 16:20
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) 查看 11578 次


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

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

首先名字改成了 Highlight

然后将 Highlight.js 的 js 和 css 都换成最新的了,删改了 js,加入了行号显示功能。

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

发表于 : 2017年 10月 4日 22:23
you6116
正想要这个!试试看!感谢楼主!

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

发表于 : 2017年 11月 21日 17:44
fengtalk
支持1.1版本吗?谢谢!

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

发表于 : 2017年 11月 25日 10:39
jrotty
fengtalk 写了:支持1.1版本吗?谢谢!

支持

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

发表于 : 2018年 4月 22日 06:12
windery
加载JQ怎么加? 没写过前端,求解答

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

发表于 : 2018年 4月 22日 20:16
jrotty
windery 写了:加载JQ怎么加? 没写过前端,求解答

<script src="https://cdn.bootcss.com/jquery/3.3.1/jquery.min.js"></script>

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

发表于 : 2018年 4月 23日 17:13
LiCxi
CSS 最好加入特定的 Class,不然有些主题可能会有CSS冲突