QQ爹博客 QQ爹博客

typecho-Highlight.js代码高亮插件

in Typecho 文章转载请注明来源!

项目地址:https://github.com/jrotty/Highlightjs-for-typecho

安装
将Highlight文件夹传到typecho插件目录即可完成插件的安装

其他说明
该插件需要加载JQ,兼容instantclick.js,typecho1.0代码结尾会多出一行,typecho开发板正常,也就是说等typecho1.1正式发布了,这个软件就没这个bug了哈哈哈

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

使用方法
如下面格式

\```php
<?php echo 'hello jrotty!'; ?>
\```
删除上边代码中的\

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

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

首先名字改成了Highlight

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

jrotty WeChat Pay

微信打赏

jrotty Alipay

支付宝打赏

文章二维码

扫描二维码,在手机上阅读!

本文基于《署名-非商业性使用-相同方式共享 4.0 国际 (CC BY-NC-SA 4.0)》许可协议授权
文章链接:https://qqdie.com/archives/typecho-highlightjs-plugin.html (转载时请注明本文出处及文章链接)

typecho插件代码
发表新评论
已有 31 条评论
  1. tohkaz
    tohkaz 10QQ浏览器 10
    回复

    没有行号显示~顺便说一下,贵站的代码显示插件就很好看。

  2. True
    True 10Chrome 66
    回复

    PJAX下会失效,Highlight重载的代码是什么?

  3. xiaoyu
    xiaoyu 7Chrome 63
    回复

    装上了看着不错,如果能在代码内按ctrl+a全选就更好了。现在按了会选整个网页

  4. Handsl
    Handsl 7Chrome 64
    回复

    一启用就Server Error咋弄

  5. StarryFK
    StarryFK 7Chrome 63
    回复

    似乎很神奇,单独加载这个插件的话是不起作用的,开发着工具显示报错,但是当同时加载了 QPlayer 这个插件之后就神奇的能用了_(:3]<)_

    1. Jrotty
      Jrotty本文作者 OUC浏览器 11
      回复

      @StarryFK 因为插件需要加载 JQ

  6. 尚寂新
    尚寂新 7Chrome 60
    回复

    如果不用你这插件的话 如何兼容instantclick

    1. Jrotty
      Jrotty本文作者 10Chrome 62
      回复

      @尚寂新 兼容instantclick,是根据对应的js进行重载的

      1. 尚寂新
        尚寂新 7Chrome 60
        回复

        @Jrotty 那重载函数是...我梯子折腿了搜不了

        1. Jrotty
          Jrotty本文作者 10Chrome 62
          回复

          @尚寂新 得看你用什么js了,这东西你不说我怎么去百度啊

          1. 尚寂新
            尚寂新 7Chrome 60
            回复

            @Jrotty 就是Highlight.js啊 只是没通过这个插件加载

            1. Jrotty
              Jrotty本文作者 10Chrome 62
              回复

              @尚寂新 就不知道拆开插件看看嘛$("pre code").each(function(i, block) {hljs.highlightBlock(block);});

前篇 后篇
雷姆
拉姆