WordPress集成Google Code Prettify实现代码高亮

WordPress代码高亮插件我一直在使用WP Code Highlight,今日我介绍个集成 Code Prettify实现WordPress代码高亮的方法,我的博客已经换成了这种方法。

直接引用cdn:https://cdn.rawgit.com//code-prettify/master/loader/run_prettify.js,我是下载到主题中,所以手动引用:

加载js

加载class

我的文章class是.post-content,所以查找.post-content中的pre加class prettyprint。

做监听

在body标签内增加

效果示例

WordPress集成Google Code Prettify实现代码高亮效果1
WordPress集成Google Code Prettify实现代码高亮效果1
WordPress集成Google Code Prettify实现代码高亮效果2
WordPress集成Google Code Prettify实现代码高亮效果2

注意

这里我是加载文章也和页面中,你也可以全局加载根据需求,加载js需要在jquery之后。prettify不支持在pre标签中影响全局或者出现夸张的标签,比如script、php、body等。

Datepicker将选择的日期转化为星期几

UI的Datepicker是常见的日期选择组件,可以使用 dateFormat: 'yy-mm-dd',对输入的日期做格式化,这给将这个日期转化为星期几得到的方便。

比如用户选择2016-12-29,我们要获取这个日期是星期几非常方便。直接上代码: 继续阅读Datepicker将选择的日期转化为星期几