Wordpress代码高亮插件：WP Code Highlight

现在一个博客每个漂亮的代码高亮插件简直不好意思见人哈

前言

昨天之前用的代码高亮插件出了问题，布吉岛为啥，好吧，我承认之前的插件有点复杂了，昨晚找个简单的用用，然后就发现了这个：wp code highlight，很简单嘛，用于wordpress的代码高亮。

使用方法

使用方法傻瓜化，只要使用wordpress自带的

HTML

<!doctype html>
<html lang="en">
 <head>
  <meta charset="UTF-8">
  <meta name="Generator" content="EditPlus®">
  <meta name="Author" content="">
  <meta name="Keywords" content="">
  <meta name="Description" content="">
  <title>Document</title>
 </head>
 <body>
  
 </body>
</html>

CSS

/*隐藏下拉箭头并在鼠标移动到上方显示*/
toolbarbutton:not([class*="tabs-alltabs-button"]) dropmarker {display: none !important;}
toolbarbutton:not([type="menu"]):hover dropmarker {display: -moz-box !important;}
toolbarbutton[type="menu"]:not([class*="bookmark-item"]) image {margin: 0px !important;}
.lzl_edui_dialog_container{left: 20px;}

javascript

// ==UserScript==
// @name        Mouseover Popup Image Viewer
// @namespace   http://w9p.co/userscripts/
// @description Shows larger version of thumbnails. Also supports HTML5 video.
// @version     2014.8.6
// @author      kuehlschrank
// @homepage    http://w9p.co/userscripts/mpiv/
// @icon        https://s3.amazonaws.com/uso_ss/icon/109262/large.png
// @include     http*
// @grant       GM_getValue
// @grant       GM_setValue
// @grant       GM_xmlhttpRequest
// @grant       GM_openInTab
// @grant       GM_registerMenuCommand
// @grant       GM_setClipboard
// ==/UserScript==

'use strict';

var d = document, wn = window, _ = {}, cfg = loadCfg(), imgtab = d.images.length == 1 && d.images[0].parentNode == d.body, enabled = cfg.imgtab || !imgtab, hosts;

function loadCfg() {
	return fixCfg(GM_getValue('cfg'), true);
}