• 后羿更新网站文章可能不会那么闲了

  • 不得不说,美国贴吧的界面真是难看到死

  • 看到网上新闻美国的贴吧将成为中国公司

  • 推送试试

  • 睡觉之前测试一下

  • 发现了一个非常不错的插件

  • 经过确认,微软的必应搜索在中国被屏蔽

  • 给主题增加一个阿里云的代码库

  • 正式通知一下,有赞支付已经停止业务了

  • 给网站增加一个离线缓存功能

WordPress代码高亮插件:WP Code Highlight

WordPress 云落 5年前 (2014-08-22) 1626次浏览 9个评论
文章目录[隐藏]

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

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 Highlightwp code highlight支持主题自定义,有5种主题,其实就是亮色和暗色而已,插件按钮和行号支持。Wordpress代码高亮插件:WP Code Highlight

Wordpress代码高亮插件:WP Code Highlight

Wordpress代码高亮插件:WP Code Highlight

Wordpress代码高亮插件:WP Code Highlight
我个人觉得吧,还是默认的亮色主题不错

相关链接

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


-- 完 --
Wordpress代码高亮插件:WP Code Highlight
扫码订阅,第一时间获得更新
微信扫码二维码,订阅我们网站的动态,另外不定时发送WordPress小技巧,你可以随时退订,欢迎订阅哦~

乐趣公园 , 版权所有丨如未注明 , 均为原创丨本网站采用BY-NC-SA

乐趣公园 , 版权所有丨如未注明 , 均为原创丨本网站采用BY-NC-SA协议进行授权
转载请注明原文链接:WordPress代码高亮插件:WP Code Highlight
喜欢 (3)
云落
关于作者:
无折腾,不生活,我是一个WordPress菜鸟,一个玩淘宝的卖家,欢迎你认识我,我是云落!
发表我的评论
取消评论
表情 贴图 加粗 删除线 居中 斜体 签到

Hi,您需要填写昵称和邮箱!

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址
(9)个小伙伴在吐槽
  1. 博主您好,用了这个代码插件却发现在文章中插入的代码中的<将自动变成<, :cry: :cry:
    小飞2014-11-26 12:15 回复 Windows 8.1 | Maxthon 浏览器4.4.1.5000
    • 云落
      嗯,原因你已经知道了吧
      云落2014-11-26 19:32 回复 Android 4.4.4 | WordPress客户端 android
  2. 不能换行是硬伤,不知道markdown写的html代码能换行不?
    FF观光团团员2014-09-01 10:42 回复 未知操作系统 | 未知浏览器
    • 云落
      这个插件吗?因为是追求简单采用这个的,如果想用强大的,Crayon Syntax Highlighter这个很强大,如果不想用插件的话,prismjs也很好,MD我不怎么用,换行不是
      这个吗?
      无法诉说的吟荡2014-09-01 11:57 回复 未知操作系统 | 未知浏览器