By MBPDLPayday Loans

Syntaxhighlighter插件

昨晚上在网上看到有个老外的blog里面一段代码高亮做的很漂亮, 找到了syntaxhighlighter这个东东, 看了看安装不是很复杂, 正打算装的时候, 我在想, 要是有Wordpress的插件提供就好了, 这样就不必在每次升级或者换theme的时候重新做. 嗯, 去搜一下还真有这个插件.

装起来跑跑看, 这样以后贴一些代码段会显得好看点, 当然, 对RSS阅读是无效的. 示例如下:

<html>
<head>
<title>HelloWorld</title>
</head>
<body>
<?php
echo "hello, world\n";
?>
</body>
</html>

我对默认的行高做了修改, 原本12px的字体只设置了14px的行高, 看起来太挤了, 我给它改成20:

.dp-highlighter .columns div
{
	border-left: 3px solid #6CE26C;
	background-color: #f8f8f8;
	padding-left: 10px;
	line-height: 20px;
}
One Response to “Syntaxhighlighter插件”
  1. 其实可以考虑到代码发芽网贴一下然后复制粘贴到blog,这样就有代码高亮了,有多种配色主题可供选择。

    比如我在百度空间贴的这一篇:
    http://hi.baidu.com/2maomao/blog/item/124fd31bfa6461d0ad6e7583.html

    代码发芽网网址:
    http://www.fayaa.com/code/

    完整的介绍:
    http://www.2maomao.com/blog/code-fayaa-beta/

Leave a Reply