WordPress代码高亮插件:WP Code Highlight

» WordPress » WordPress代码高亮插件:WP Code Highlight


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

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);
}

自定义

Wordpress代码高亮插件:WP Code Highlight-极客公园wp code highlight支持主题自定义,有5种主题,其实就是亮色和暗色而已,插件按钮和行号支持。Wordpress代码高亮插件:WP Code Highlight-极客公园

Wordpress代码高亮插件:WP Code Highlight-极客公园

Wordpress代码高亮插件:WP Code Highlight-极客公园

Wordpress代码高亮插件:WP Code Highlight-极客公园

我个人觉得吧,还是默认的亮色主题不错

相关链接

直接在后台搜索wp-code-highlight安装即可
下载地址:

-- 完 --

发表评论

电子邮件地址不会被公开。 必填项已用*标注

4 Replies to “WordPress代码高亮插件:WP Code Highlight”