• 给网站增加一个离线缓存功能
  • 明天我们家宝宝满月了
  • 一晚上忙了好几个小时,终于把支付前台通知解决了
  • 原计划要增加另外一种支付方案,现在可能要被搁置了
  • 今天上午刚刚注册了华为云,然后刚刚华为云的客服小姐姐就来电话了,小姐姐声音挺好听的
  • 今天无意中注册了华为云,然后发现跟阿里云基本一个模样,甚至连价格都一样
  • 继续测试一下
  • 发现一个问题就是,微信语音发送说说的时候,不要拦截没有UA的数据请求
  • 测试一下连接
  • 终于下雪了

WordPress代码高亮插件:WP Code Highlight

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

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

code1

前言

昨天之前用的代码高亮插件出了问题,布吉岛为啥,好吧,我承认之前的插件有点复杂了,昨晚找个简单的用用,然后就发现了这个: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种主题,其实就是亮色和暗色而已,插件按钮和行号支持。2014-08-22_140822

2014-08-22_140802

2014-08-22_140741

2014-08-22_140723
我个人觉得吧,还是默认的亮色主题不错

相关链接

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


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

乐趣公园 , 版权所有丨如未注明 , 均为原创丨本网站采用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 回复 未知操作系统 | 未知浏览器