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

推荐订阅源

GbyAI
GbyAI
Martin Fowler
Martin Fowler
云风的 BLOG
云风的 BLOG
让小产品的独立变现更简单 - ezindie.com
让小产品的独立变现更简单 - ezindie.com
T
The Blog of Author Tim Ferriss
大猫的无限游戏
大猫的无限游戏
A
About on SuperTechFans
小众软件
小众软件
博客园_首页
博客园 - 聂微东
罗磊的独立博客
Recent Announcements
Recent Announcements
U
Unit 42
N
Netflix TechBlog - Medium
Blog — PlanetScale
Blog — PlanetScale
阮一峰的网络日志
阮一峰的网络日志
博客园 - 叶小钗
V
V2EX
OSCHINA 社区最新新闻
OSCHINA 社区最新新闻
IT之家
IT之家
Stack Overflow Blog
Stack Overflow Blog
博客园 - Franky
D
DataBreaches.Net
Last Week in AI
Last Week in AI

博客园 - 贪吃老鼠

守恒的量能 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高亮组件,你可以根据你的需要去自定义。