现在一个博客每个漂亮的代码高亮插件简直不好意思见人哈
前言
昨天之前用的代码高亮插件出了问题，布吉岛为啥，好吧，我承认之前的插件有点复杂了，昨晚找个简单的用用，然后就发现了这个：wp code highlight，很简单嘛，用于 wordpress 的代码高亮。
使用方法
使用方法傻瓜化，只要使用 wordpress 自带的
<!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);
}
自定义
wp code highlight 支持主题自定义，有 5 种主题，其实就是亮色和暗色而已，插件按钮和行号支持。
我个人觉得吧，还是默认的亮色主题不错
相关链接
直接在后台搜索wp-code-highlight安装即可
下载地址：
-- 完 --
扫码订阅，第一时间获得更新
微信扫码二维码，订阅我们网站的动态，另外不定时发送 WordPress 小技巧，你可以随时退订，欢迎订阅哦~
这个吗？