好玩代码:这款适用emlogFLY主题代码高亮

本文共729个字,预计阅读时间需要2分钟 发布时间: 2023-04-30 共223人阅读

        现在很多emlog博客都用着fly这款主题,之前发的文章代码高亮代码不适用这个主题,现在发一款可用的,

当然还有插件可以实现,能不用插件解决的尽量不用插件,言归正传先来张效果图咯!

PS:适合动手能力强的小伙伴,伸手党还是算了。

好玩代码:这款适用emlogFLY主题代码高亮-第1张图片-零零娱乐网

第一步:

先下载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>

好玩代码:这款适用emlogFLY主题代码高亮-第2张图片-零零娱乐网

第三步:

找到对应模板的JS目录(以FLY为例:main.js)

好玩代码:这款适用emlogFLY主题代码高亮-第3张图片-零零娱乐网

复制粘贴以下代码:

$("pre").addClass("prettyprint linenums");

这里注意啦啊,有用到SHJH精简版代码高亮插件的记得在后台关掉。

第四步:

接下来还是在main.js里增加代码:

好玩代码:这款适用emlogFLY主题代码高亮-第4张图片-零零娱乐网

复制粘贴以下代码:

try {
 prettyPrint(); 
} catch (a) {}

第五步:

打开footer.php替换以下代码:

好玩代码:这款适用emlogFLY主题代码高亮-第5张图片-零零娱乐网

复制粘贴以下代码:

$( document ).ready(function() {
 $("pre").addClass("prettyprint linenums");
prettyPrint();
$( '.swipebox' ).swipebox();
});

好了到此就结束了,Ctrl+F5强制刷新吧。


文章附件

蓝奏网盘


转载文章,请保留出处,(www.sfzyw.com)感谢您的支持
首发资源网 » 好玩代码:这款适用emlogFLY主题代码高亮

常见问题FAQ

链接地址失效了怎么办?
例如蓝奏盘,https://www.lanzous.com/i1b2oib 把S改成m或i即可解决,或者请联系本站修复!
本站资源和文章版权声明
版权声明:本站部分文章来源或改编自互联网及其他公众平台,主要目的在于分享信息,版权归原作者所有,内容仅供读者参考,如有侵权请联系我们,减少损失。联系邮箱:1453316800@qq.com
点击下载链接不跳转怎么回事?
您好,QQ内打开是不跳转的,少部分浏览器也不跳转,一般的谷歌,UC了,搜狗 360等浏览器都可以跳转。

提供最优质的资源集合

立即查看 了解详情