博客园美化教程总结

本文中提到的部分设置需要 JS 权限，因此进行相关更改的时候，请确保有 JS 权限。
关于以下内容，是本人在自定义博客园的时候一点总结。这里有一个小技巧，善用浏览器的检查功能，我使用的是 Chrome，右键即可，这样就可查看自己心仪的博客是如何进行更改美化的。

代码高亮

以下给出几种设置代码高亮的方式，讨论的编辑器仅在 TinyMCE 和 Markdown 进行过实验，其他编辑器可自行尝试。

方式一适用于 TinyMCE 编辑器

方式二适用于 Markdown 编辑器

方式三适用于 TinyMCE 编辑器

方式四适用于 Tiny MCE 编辑器

对于以上几种方式，同时对 Markdown 与 TinyMCE 编辑器进行设置，不会产生冲突。

方式一：google-code-prettify

google-code-prettify 其详细用法可参看其官方 GitHub

在博客设置页面的页脚HTML板块添加如下代码

<script src=http://www.likecs.com/"https://files.cnblogs.com/files/nectar/prettify.js"></script> <script type="text/javascript"> (function() { $("pre").addClass("prettyprint"); prettyPrint(); })(); </script>