登陆
最新消息: 网站开启https访问,有证书更安全!


分享下本站EMLOG代码高亮

技巧资料 骑猪看月亮 4977次浏览 9条评 论

      自从用了刘培杰移植的D8模板后,感觉很不错,自己于是也研究了下,对很多地方进行了修改,无意中发现此模板的代码高亮显示有问题,不显示标号,而且整体比较靠前,于是想着自己折腾一下,于是查各种资料找方法,终于被本人研究出来了现在的这个高亮代码显示,用的是prettify.js这个JS实现的,下来上具体代码(此方法与代码高亮插件存在冲突,请自行选择)。

<!-- 代码高亮 -->
<script src="https://www.qzkyl.cn/content/templates/d8/js/prettify.js?ver=2.1" type="text/javascript"></script>
<script type="text/javascript">
$(function() {
$('pre').addClass('prettyprint linenums').attr('style', 'overflow:auto');
window.prettyPrint && prettyPrint();
});
</script>

其中addClass('prettyprint linenums')的linenums是添加行号的意思,至于加到那里自己看,我是在正文页文件里面添加的。



囧 亲 晕 酷 哭 馋 闭嘴 调皮 贪 奸 怒 嘿 羞 汗 色 惊 萌 悲 笑 惊 狂 吃
囧 亲 晕 酷 哭 馋 闭嘴 调皮 贪 奸 怒 嘿 羞 汗 色 惊 萌 悲 笑 惊 狂 吃

Hi,您需要填写昵称和邮箱!

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

网友最新评论(9)

  1. avatar
    不错,不过我为什么不成功,em6.0.1
    tcs 2018-10-02 19:35 回复
    • avatar
      @tcs:是不是装代码高亮插件了,这个与插件有冲突
      骑猪看月亮 2018-10-04 19:41 回复
      • avatar
        @骑猪看月亮:没有用插件,最后还是用的系统自带的prism.js,在前台模板引入就行了。
        tcs 2018-10-05 08:59 回复
  2. avatar
    感谢分享,这个高亮代码,是我喜欢的类型。我的已修改成功
    易捷博客网 2015-01-16 19:00 回复
  3. avatar
    博主你好,独立IP主机终生3.8折最后一天,仅限20个资源,先到先得、感激抢购。
    香港独立IP主机 2014-11-30 13:33 回复
  4. avatar
    prism也挺不错的
    小渣渣 2014-11-29 21:03 回复
    • avatar
      @小渣渣:嗯,我也是无意中发现的,比较符合我的要求,哈哈~
      骑猪看月亮 2014-12-01 09:35 回复