不用插�g实现WordPress代码高亮昄��

Sun, 19 Aug 2012 16:30:00 GMT

偶尔在日志中加入一些代码，感觉完全没必要安装代码高亮插�Ӟ��万一某天不用插�g了，��面可能会很乱。其实大部分插�g都是在代码中��加入一些标�{�，然后用CSS定义样式�Q�通过查看��面源文件可以清楚地看到�?/p>

有一个叫“发芽�|?#8221;的在�U�代码高亮�{换网站。通过在线�E�序同样是向代码中加入不同的标签�Q�然后定义样式，如果感兴��可以到发芽�|�试试，但每�ơ�{换都需打开�|�址操作略显�ȝ��Q�不是本��介�l�的重点�?/p>

今天推荐的是一�ƾ本地�{换代码高亮显�C�的��工��P��CodeRender�Q�本�E�序是基�?dp.SyntaxHighlighter 写的代码语法着色的工具。支持的语言有：

java/xml/sql/jscript/css/cpp/c#/python/vb/perl/php/ruby/delphi�?/p>

可方便用于你的博客中�_�脓代码�Q�只要自定相应的样式 �Q�highlight.css 的内容，.Text 支持自定义样式或在模杉K��加上语法样式�Q�，然后复制用这个工��L��成的 HTML 代码��p��让你的代码着高亮昄��?可以加入更多语种的支持，本程序就是在 dp.SyntaxHighlighter 的基��上扩展了�?Perl 语言的支持，�|�上可以扑ֈ�相应语法�?JS 代码�?CSS。语�a�扩展支持通过�?shCore.js �?highlight.css 加入相应代码卛_��?/p>

�E�序界面

操作很容易，Source Code 中脓上你要着色的代码�Q�然后选择语种�Q�点�?Render 按钮��׃��?HTML Code 中生成相应的 HTML 代码�Q�同时在 HTML Preview 中可以预览到效果�?/p>

�� 要说明：Lang 下拉框可以选择所支持的语法，Options 双��?Gutter、Controls、CollapseAll、FirstLine、Columns 是控制生成的额外的元素，逐一点试试就知道了。每个内�Ҏ��C?输入)区都提供�?Copy/Paste/Clear 快捷操作链接�Q�还有一个�ȝ�� Clear 按钮�?/p>

Copy生成的HTML 代码�Q�在日志�~�辑�H�口切换到HTML源代码编辑模式，�_�脓��可以了�?/p>

不过要想正确昄��代码高亮�q�需在WordPress主题中加载样式文�?#8220;highlight.css”�Q�在下蝲的压�~�包中）

�Ҏ��Q?/p>

首先�Q�把highlight.css上传到所使用主题目录中；

其次�Q�打开header.php�Q�查找：

在后面添加：

/highlight.css" />

当然�Q�你也可以复制highlight.css中的所有代码到你主题style.css中，以上步骤��免了！

如认为默认的样式不符合自��q��要求�Q�可以通过修改“highlight.css”中的样式改变代码高亮、边框、背景等颜色�Q�更个性化�?/p>

但需要注意的是WordPress会自动把半角�W�号替换为全角，别�h复制下来的函��C��码标�Ҏ��全角的，无法使用�Q�切讎ͼ�

解决办法�Q?/p>

打开�q�编�?nbsp;wp-includes/formatting.php 文�g�Q�找��C��下代码：
// static strings
$curl = str_replace($static_characters, $static_replacements, $curl);
// regular expressions
$curl = preg_replace($dynamic_characters, $dynamic_replacements, $curl);
��?curl 开头的两句代码注释掉，如下�Q?/li>
// static strings
//$curl = str_replace($static_characters, $static_replacements, $curl);
// regular expressions
//$curl = preg_replace($dynamic_characters, $dynamic_replacements, $curl);

效果如下�Q?/strong>

PHP:

CSS:

韩麦�?/a> 2012-08-20 00:30 发表评论

久久免费99精品久久久久久,午夜精品视频,亚洲线精品一区二区三区八戒

不用插�g实现WordPress代码高亮昄���

不用插�g实现WordPress代码高亮昄��