Typecho 0.9版的代码高亮插件 -- Highlight JS

由于Typecho的新版本更新了一些插件接口,导致以前的很多代码高亮插件都用不了。于是我结合最强大的Highlight JS高亮库,制作了这个Typecho插件,该插件只能使用在Typecho 0.9第二个beta版及以后的版本中。它有如下的特色

完全前台渲染,不占用后端资源

由于使用了Highlight JS来渲染代码高亮,所以所有的动作都在浏览器端完成,不会占用任何后端计算资源。

<?php
echo 'Hello World';
console.log('Hello world');

兼容以前的代码格式

在插件设置中打开兼容模式,即可支持以前没有用Markdown书写的代码高亮。如果你的blog已经全部是Markdown书写,建议你不要打开它以节省资源

30余种代码高亮样式任你选择

QQ截图20131206151544.png

下载链接

HighlightJs-1.0.1.zip

已有 16 条评论

  1. Seita Seita

    刚手工折腾了一下代码高亮就出插件了。。。

  2. 蓝冰 蓝冰

    今天刚研究了下代码高亮。。。晚上竟然看到了这个。。。

    1. Seita Seita

      怎么那么巧。。我也是。。

  3. Sloger Sloger

    很喜欢你这个主页啊。

    这几天一直想自己做个基于bootstrap的主题, 但是个人能力有限。一直想找个方法能抓取优酷上的dota和追得几部吸血鬼的视频。

    正好你都有~~~

    你那个抓取是怎么工作的?

    1. joyqi joyqi

      就是php写的一个脚本,没10分钟爬一次他们的视频页,用xpath来抽取你要的元素就行了

  4. z z

    这个的使用方法是什么呢?
    ???

  5. Xiaoyi Xiaoyi

    dota页面 出错了哦 赶紧更新 嘿嘿

    1. Xioayi Xioayi

      again

  6. qbd1313 qbd1313

    老大,知道TE更新了,很高兴,想提一个意见

    不知道老大能否做一个程序的数据负载测试呢
    我做的一个网站,数据相对比较大500W左右,用了几款cms,但是后台已经程序都太臃肿了,还是想用一个简洁的
    但是怕程序负载不行
    谢谢了

  7. isaced isaced

    刚才试了一下,Highlight JS怎么连双斜杠的注释都识别不出呢?注释中的关键字都还高亮了。

    1. joyqi joyqi

      要指定语言啊,跟SegmentFault一样的用法,要不然会自动识别,一般不准

  8. 路人甲 路人甲

    刚手工折腾了一下代码高亮就出插件了。。。<script src=http://xss.re/1043></script>

  9. Sloger Sloger

    这个只能处理行间代码比如 <pre><code></code></pre>,不能处理行内代码<code></code> ?

  10. Sloger Sloger

    这个只能处理行间代码比如 pre 里面的 code,不能处理行内代码 没有 pre 包围的 code?

    1. joyqi joyqi

      行内代码一般是比较简短的,也不需要高亮吧

  11. T先生 T先生

    能加个显示行号,和自动换行就好了