wordpress简单实现文章代码高亮显示（非插件）

wordpress有很多代码高亮插件，样式很丰富，功能也很强大，不过有时候大而全并不就是好的，如果只是想把文章中的代码块简单的美化一下，我觉得完全没必要装插件，直接弄一个DIY样式即可，小巧而不影响性能，没必要整得花里花哨的。

简单实现代码高亮的核心就是自定义pre样式，具体css样式代码如下：

/**pre**/
pre {
	margin:20px auto;
	padding:20px;
	background-color:#aea8a8;/*根据自己需要修改背景底色颜色*/
	white-space:pre-wrap;
	word-wrap:break-word;
	letter-spacing:0;
	font:14px/26px 'courier new';
	position:relative;
	border-radius:3px;
}

将以上css样式添加到你主题的style.css文件中，可以自行修改背景底色，当然也可以按照自己的喜好增减相应css样式内容。

怎么调用呢？

wordpress打开文章编辑器，在文本模式下插入以下代码样式：

<pre>
需要发布的代码块
</pre>

经以上步骤操作，文章发布后，代码显示效果就和本文显示的一样，代码高亮就是使用了自定义的css样式。是不是很简单？如果觉得样式有点简陋，可以装插件版，在此就不再列举。