January 12th-18th 2019.
January 12th-18th 2019.
安装方法：
1.首先到 Github 下载最新的 google-code-prettify. 从压缩包中提取 pretty.css 和 pretty.js 两个文件, 放置到/public/js/文件夹中 (你也可以放在你喜欢放的地方)；
2.在 <head> 标签中引入 pretty.css 文件：
<link href="<?php bloginfo('template_directory'); ?>/prettify.css" type="text/css" rel="stylesheet" />
3.在 </body> 标签前引入以下两段代码：
<script type="text/javascript" src="<?php echo home_url(''); ?>/public/js/jquery.js"></script>
如果之前已经引入过 jquery.js, 则可以不再重复引入。但请务必确保 jquery.js 位于 prettify.js 之前。
<script type="text/javascript" src="<?php bloginfo('template_directory'); ?>/public/js/prettify.js"></script>
<script type="text/javascript">
window.prettyPrint && window.prettyPrint()
</script>
使用方法：
1.写文章时用 <pre class="prettyprint linenums"> </pre> 包围代码块, 就可以看到上色的效果了。见上图。
2.代码中如果出现 < >符号，请将其替换成 < 和 >; 否则浏览器无法显示。
3.code-prettify 自带5种主题。其中, prettify.css 显示的是默认主题 Default, 呈白色背景。如果您需要改变样式, 只需把上面第2步中 prettify.css 替换成相应主题的 .css 文件即可。 更多主题下载: color-themes.
4.本文所用的主题经过了修改, 下载请戳。Enjoy!
