Purplefire’s Blog

文章中如果有了代码，显示效果很不直观，所以我们需要对它进行处理一下。

实现也很简单，写文章时把代码部分放到一个标签里就行，然后在全局CSS文件里对这个标签加以修饰即可，这里我把它们放到<CODE></CODE>标签里。

在模板文件夹中找到对应的CSS文件，加入以下内容，效果就像本文显示的一样了。

code {
font-family: "Courier New", Courier, monospace;
margin: 10px 20px 0px 20px;
padding: 3px 10px 3px 15px;
border: 1px dashed #e2bf8c;
border-left: 5px solid #bb6f02;
background: #fafafa;
display: block;
}

另外，可以配合Zblog官方认证插件——代码高亮插件一起使用，你就可以达到像编程软件IDE里的那种彩色效果了。不过我还是喜欢清爽一些，就没使用。