惯性聚合 高效追踪和阅读你感兴趣的博客、新闻、科技资讯
阅读原文 在惯性聚合中打开

推荐订阅源

博客园_首页
博客园 - Franky
大猫的无限游戏
大猫的无限游戏
博客园 - 三生石上(FineUI控件)
量子位
博客园 - 聂微东
OSCHINA 社区最新新闻
OSCHINA 社区最新新闻
S
SegmentFault 最新的问题
Apple Machine Learning Research
Apple Machine Learning Research
爱范儿
爱范儿
V
Visual Studio Blog
雷峰网
雷峰网
T
Tailwind CSS Blog
宝玉的分享
宝玉的分享
Blog — PlanetScale
Blog — PlanetScale
有赞技术团队
有赞技术团队
博客园 - 叶小钗
Microsoft Azure Blog
Microsoft Azure Blog
T
The Blog of Author Tim Ferriss
U
Unit 42
钛媒体:引领未来商业与生活新知
钛媒体:引领未来商业与生活新知
小众软件
小众软件
阮一峰的网络日志
阮一峰的网络日志
Y
Y Combinator Blog

博客园 - 贪吃老鼠

守恒的量能 wince 连接 webservice 记在邮件之外的 大航海目标定向 sharepoint webpart Exchange2007安装记录 ubuntu命令 eclipse 创建新的web工程项目 java Servlet 样例 mysql 连接url中useUnicode=true&characterEncoding=UTF-8 的作用 java 数据库连接 软件项目管理总体流程设计 谈谈我对abstract class和interface的理解 网页设计中常用到的Photoshop技巧 WEB开发中合理选择图片格式 艾玛帝国高安运输计划 无聊的记载 Ext.grid.PropertyGrid 扩展 Ext.ux.form.LovCombo bug修正
BLOG代码高亮 - 贪吃老鼠 - 博客园
贪吃老鼠 · 2010-05-28 · via 博客园 - 贪吃老鼠

2.代码高亮

代码高亮对于喜欢贴代码的朋友是一个不可少的功能,好的代码高亮不仅能使你的文章变得美观,也能让读者方便的获取到文章中的代码。我不知道博客园默认提供哪种的代码高亮组件,但是我用自己用着舒服的。
这个高亮组件是"dp.SyntaxHighlighter",它原本是一个wordpress插件,我将它所有的js文件压缩为一个文件,然后只需要在我们博客页面引用一个30多K的js文件就可以了。

具体的操作是在"后台管理->设置->页脚Html代码"添加下面一段js代码:

<script type="text/javascript" src="https://files.cnblogs.com/lloydsheng/lighter.js"></script>
<script type="text/javascript"> 
dp.SyntaxHighlighter.HighlightAll('code');
</script>

使用这个组件的方法比较简单,看下面代码:

<pre name="code" class="[language]">你的代码...</pre>。

不同语言的代码language参数不同,如果是使用我压缩好的js代码话,language参数可以选择sql,cpp,vb,xml,css,javascript,java,ruby,python,dephi,csharp。一般的博客应该够用了吧。

这个方法不限于博客园的博客,也不限于dp.SyntaxHighlighter高亮组件,你可以根据你的需要去自定义。