lenglau [Blog^3] Zblog 技术积累

我承认Zblog较Wordpress与Movable Type要差许多 但Zblog仍从未停止过前进

ZBlog 1.7 代码高亮显示插件

显示效果:
 1.dp-highlighter   
 2{   
 3    font-family: "Consolas", "Courier New", Courier, mono, serif;   
 4    font-size: 12px;   
 5    background-color: #E7E5DC;   
 6    width: 99%;   
 7    overflow: auto;   
 8    margin: 18px 0 18px 0 !important;   
 9    padding-top: 1px; /* adds a little border on top when controls are hidden */  
10}
 

使用方法:下载HighLighter1.7.rar后,将压缩包中的文件覆盖到Blog的根目录。在需要高亮显示代码的页面的<head>标签内插入:
<link type="text/css" rel="stylesheet" href="<#ZC_BLOG_HOST#>Plugin/HighLighter/SyntaxHighlighter.css"></link>
在<body>结束前插入(可根据需要进行删减):
<script language="javascript" src="<#ZC_BLOG_HOST#>Plugin/HighLighter/shCore.js"></script>
<script language="javascript" src="<#ZC_BLOG_HOST#>Plugin/HighLighter/shBrushCpp.js"></script>
<script language="javascript" src="<#ZC_BLOG_HOST#>Plugin/HighLighter/shBrushCSharp.js"></script>
<script language="javascript" src="<#ZC_BLOG_HOST#>Plugin/HighLighter/shBrushCss.js"></script>
<script language="javascript" src="<#ZC_BLOG_HOST#>Plugin/HighLighter/shBrushDelphi.js"></script>
<script language="javascript" src="<#ZC_BLOG_HOST#>Plugin/HighLighter/shBrushJava.js"></script>
<script language="javascript" src="<#ZC_BLOG_HOST#>Plugin/HighLighter/shBrushJScript.js"></script>
<script language="javascript" src="<#ZC_BLOG_HOST#>Plugin/HighLighter/shBrushPhp.js"></script>
<script language="javascript" src="<#ZC_BLOG_HOST#>Plugin/HighLighter/shBrushPython.js"></script>
<script language="javascript" src="<#ZC_BLOG_HOST#>Plugin/HighLighter/shBrushRuby.js"></script>
<script language="javascript" src="<#ZC_BLOG_HOST#>Plugin/HighLighter/shBrushSql.js"></script>
<script language="javascript" src="<#ZC_BLOG_HOST#>Plugin/HighLighter/shBrushVb.js"></script>
<script language="javascript" src="<#ZC_BLOG_HOST#>Plugin/HighLighter/shBrushXml.js"></script>
<script language="javascript">
dp.SyntaxHighlighter.HighlightAll('code', true, true);
dp.SyntaxHighlighter.HighlightAll('code2', false, false);
</script>

覆盖上传后,文件重建。

使用代码高亮标签时,需要<textarea></textarea>标签的支持。将代码放入<textarea>之中。代码中第一行的“CSS”可以替换成你所需要的语言:c#,javascript,vb,xml,php,sql,delphi,Python
<textarea name="code" language="css"> 

.dp-highlighter
{
  font-family: "Consolas", "Courier New", Courier, mono, serif;
  font-size: 12px;
  background-color: #E7E5DC;
  width: 99%;
  overflow: auto;
  margin: 18px 0 18px 0 !important;
  padding-top: 1px; /* adds a little border on top when controls are hidden */
}

</textarea>
适用版本:ZBlog 1.7 Laputa Build 70216
源码来源:http://code.google.com/p/syntaxhighlighter/
文章来源:http://liuleng.com/post/450.html

posted on 2007-09-25 12:42 chuiniubi.com 阅读(517) 评论(3)  编辑 收藏 引用 所属分类: [zblog] 插件[zblog] 源码修改

评论

# re: ZBlog 1.7 代码高亮显示插件 2010-11-18 00:29 重庆时时彩

我又来了  回复  更多评论   

# re: ZBlog 1.7 代码高亮显示插件 2012-12-28 10:15 wanglianke

正在使用中。。http://www.wanglianke.com/  回复  更多评论   

只有注册用户登录后才能发表评论。

公告


导航

统计

常用链接

留言簿(2)

随笔分类

随笔档案

文章分类

相册

我的链接

搜索

最新评论

阅读排行榜

评论排行榜