最新消息:本站原qzkyl域名已转让,后期该域名所有言论与本站无关,同时本站已改名ipve虚拟机,交换友链请发送邮件zc#ipve.cn(#换@)

分享下本站EMLOG代码高亮

WordPress ipve 329浏览 13评论

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

<!-- 代码高亮 -->
<script src="https://www.ipve.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,您需要填写昵称和邮箱!

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

网友最新评论 (13)

  1. 怎么引入
    睡觉觉4年前 (2020-10-01)回复
    • 把这段代码放入合适位置就行,一般加在正文末端,这样不影响文章加载速度
      ipve博主4年前 (2020-10-01)回复
      • 怎么使用呢,我放在文章里面了,还是不高亮
        吉吉安3年前 (2021-08-11)回复
        • 这个需要你网上下载prettify.js这个文件,然后把代码第一行的地址换成你自己的,然后将这个代码放到文章页代码里就可以
          ipve博主3年前 (2021-08-11)回复
  2. 不错,不过我为什么不成功,em6.0.1
    tcs6年前 (2018-10-02)回复
    • @tcs:是不是装代码高亮插件了,这个与插件有冲突
      ipve6年前 (2018-10-04)回复
      • @骑猪看月亮:没有用插件,最后还是用的系统自带的prism.js,在前台模板引入就行了。
        tcs6年前 (2018-10-05)回复
  3. 感谢分享,这个高亮代码,是我喜欢的类型。我的已修改成功
    易捷博客网10年前 (2015-01-16)回复
    • @易捷博客网:看你的了,你的写的比我详细
      ipve10年前 (2015-01-19)回复
  4. 博主你好,独立IP主机终生3.8折最后一天,仅限20个资源,先到先得、感激抢购。
    香港独立IP主机10年前 (2014-11-30)回复
    • @香港独立IP主机:不需要了,谢谢!
      ipve10年前 (2014-12-01)回复
  5. prism也挺不错的
    小渣渣10年前 (2014-11-29)回复
    • @小渣渣:嗯,我也是无意中发现的,比较符合我的要求,哈哈~
      ipve10年前 (2014-12-01)回复