最新消息:网站从emlog迁移至wordpress,有关备案变更完成网站恢复访问…  

分享下本站EMLOG代码高亮

技巧资料 骑猪看月亮 128浏览 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是添加行号的意思,至于加到那里自己看,我是在正文页文件里面添加的。

转载请注明:骑猪看月亮 » 分享下本站EMLOG代码高亮

发表我的评论
取消评论
表情

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

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

网友最新评论 (9)

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