弦子
Just do IT..

WordPress 的 Google Code Prettify 代码高亮效果

在众多 WordPress 代码高亮插件当中, Google Code Prettify 的代码高亮最让人舒服了, 简洁高效, 不用复杂的操作。

1.只需要在主题头部插入 prettify.js 和 prettify.css 文件.

<link rel="stylesheet" type="text/css" href="prettify.css">
<script type="text/javascript" src="prettify.js"></script>

2.然后在 body 标签里边加上
onload="prettyPrint()"

3.接着在发布文章的时候,在 pre 标签里边添加你想高亮的代码即可。
例如:

<pre class="prettyprint">
code here
</pre>

加入 linenums 参数可以显示代码行数。
例如:

<pre class="prettyprint linenums">
 Many
 lines
 of
 code
</pre>

更多技巧需求可以参考 Google Code Prettify 代码高亮开源项目组 https://github.com/google/code-prettify
如果懒就直接去 WordPress 官方插件网站找个插件即可, 还有就是一些主题大多会直接内置这个功能需求了。

赞(0)
未经允许不得转载:英文 SEO & SEM Journal » WordPress 的 Google Code Prettify 代码高亮效果
分享到: 更多 (0)

评论 抢沙发

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址