好玩代码:这款适用emlogFLY主题代码高亮
现在很多emlog博客都用着fly这款主题,之前发的文章代码高亮代码不适用这个主题,现在发一款可用的,
当然还有插件可以实现,能不用插件解决的尽量不用插件,言归正传先来张效果图咯!
PS:适合动手能力强的小伙伴,伸手党还是算了。
第一步:
先下载JS与CSS放至网站目录(至于你喜欢放在哪就放在哪咯,我的放在模板对应的js、css目录里)
第二步:
在header.php挂载JS与CSS
<link rel="stylesheet" href="<?php echo TEMPLATE_URL; ?>css/prettify.css" type='text/css' media='all' /> <script src="<?php echo TEMPLATE_URL; ?>js/prettify.js"></script>
第三步:
找到对应模板的JS目录(以FLY为例:main.js)
复制粘贴以下代码:
$("pre").addClass("prettyprint linenums");
这里注意啦啊,有用到SHJH精简版代码高亮插件的记得在后台关掉。
第四步:
接下来还是在main.js里增加代码:
复制粘贴以下代码:
try { prettyPrint(); } catch (a) {}
第五步:
打开footer.php替换以下代码:
复制粘贴以下代码:
$( document ).ready(function() { $("pre").addClass("prettyprint linenums"); prettyPrint(); $( '.swipebox' ).swipebox(); });
好了到此就结束了,Ctrl+F5强制刷新吧。
文章附件
常见问题FAQ
- 链接地址失效了怎么办?
- 例如蓝奏盘,https://www.lanzous.com/i1b2oib 把S改成m或i即可解决,或者请联系本站修复!
- 本站资源和文章版权声明
- 版权声明:本站部分文章来源或改编自互联网及其他公众平台,主要目的在于分享信息,版权归原作者所有,内容仅供读者参考,如有侵权请联系我们,减少损失。联系邮箱:1453316800@qq.com
- 点击下载链接不跳转怎么回事?
- 您好,QQ内打开是不跳转的,少部分浏览器也不跳转,一般的谷歌,UC了,搜狗 360等浏览器都可以跳转。