• 国庆快乐,放假三天

  • 准备增加一个免登录支付功能

  • 微信扫码登录功能已经 ok 了

  • 主题更新一下,修复了头像挂掉的问题

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

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

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

  • 推送试试

  • 睡觉之前测试一下

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

SyntaxHighLighter:最流行的轻量级WordPress代码高亮

WordPress 云落 5年前 (2014-10-07) 1445次浏览 0个评论
文章目录[隐藏]

SyntaxHighLighter 代码高亮的在线工具+代码方法

SyntaxHighLighter:最流行的轻量级WordPress代码高亮

前言

[v_organge]代码高亮的方法有很多,今天云落介绍一个基于 SyntaxHighLighter 的代码高亮方法,其实很简单,主要就是基于浏览器用样式给代码进行着色[/v_organge]

第一步

首先进入这个代码高亮在线工具

http://gaoliang.lanbing.org/my.php

选择一个自己喜欢的样式,比如我选的就是 MDUltra 样式,为了加快速度,我们最好把这个样式文件下载到本地,反正我是下载了

<link rel='stylesheet' type='text/css' href='http://gaoliang.lanbing.org/styles/shCoreDefault.css'/>

将这个样式链接放在 single.php 里面,具体链接换成你自己的。样式方面就 OK 了。

第二步

进入在线工具网站,将代码贴进去,选择语言,选择生成 HTML,因为行号有点问题,所以不要选,然后选择自己的代码样式,然后高亮。
SyntaxHighLighter:最流行的轻量级WordPress代码高亮

第三步

全选自动生成的 HTML,然后粘贴在 WordPress 编辑框,就可以了。 :razz:

最后效果

PHP

//fancybox 图片灯箱效果
add_filter('the_content''fancybox');
function fancybox ($content)
global $post;
$pattern "/<a(.*?)href=('|")([^>]*).(bmp|gif|jpeg|jpg|png|swf)('|")(.*?)>(.*?)</a>/i";
$replacement '<a$1href=$2$3.$4$5 rel="box" class="fancybox"$6>$7</a>';
$content = preg_replace($pattern$replacement$content);
return $content;
}

javascript

document.onmouseup = function(event) {
  if (event.which !== 1) {
    return;
  }
  if (GetOpt('Ctrl_st') && !event.ctrlKey) {
    return;
  }
  popData.lxe = event;
  return setTimeout(ShowBar, 10);
};

CSS

/* AGENT_SHEET */
@namespace html url(http://www.w3.org/1999/xhtml);
 
/*----- SITES TO EXCLUDE -----*/
@-moz-document regexp("https?://(?!(www.your.sites.here.com|forum.example.com)).*"), url-prefix(ftp://), url-prefix(about), url-prefix(javascript) { html {background
 
 
     /***** COPY AND PASTE THE URL OF YOUR BACKROUND-IMAGE INSIDE THE "": *****/

后语

这种方法好处就是完全基于浏览器,和服务器没啥关系,任何程序都能用,缺点嘛,很明显,添加的代码比较多。


-- 完 --
SyntaxHighLighter:最流行的轻量级WordPress代码高亮
扫码订阅,第一时间获得更新
微信扫码二维码,订阅我们网站的动态,另外不定时发送 WordPress 小技巧,你可以随时退订,欢迎订阅哦~

极客公园 , 版权所有丨如未注明 , 均为原创丨本网站采用BY-NC-SA协议进行授权
转载请注明原文链接:SyntaxHighLighter:最流行的轻量级WordPress代码高亮

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

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

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址