登录  |  注册
当前位置：网站首页 > 更多 > 站长帮 > 正文

[Emlog教程] Emlog本站自用代码高亮教程

作者：CC下载站 日期：2018-10-08 01:50:12 浏览：2125 分类：站长帮

效果图:


[Emlog教程] Emlog本站自用代码高亮教程


教程开始

第一步:

下载css和js,上传到你网站里面,想上传哪里你开心就行。(本文结尾处下载)

第二步:

在header.php里面挂载css和js 

<link rel="stylesheet" href="你上传的CSS的位置" type='text/css' media='all' />
<script src="你上传的JS的位置"></script

 第三步:

找到对应模板的JS文件(FLY为main.js)

将下面代码复制粘贴进去. 

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

[Emlog教程] Emlog本站自用代码高亮教程

第四步:

将下面代码复制粘贴到main.js里 

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

[Emlog教程] Emlog本站自用代码高亮教程

第五步:

打开footer.php,将这段代码替换成下面的代码 

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

[Emlog教程] Emlog本站自用代码高亮教程

注意:

开启了SHJH精简版代码高亮插件的需要关掉!!



prettify.zip大小：21KB | 
 


猜你还喜欢

您需要 登录账户 后才能发表评论

取消回复欢迎 你 发表评论:

精品推荐！
欢迎 访客 登录没有账号？
  • 最新文章
  • 热门文章
  • 热评文章
最新评论
热门tag
友情链接

关灯