不用插件实现WordPress代码高亮显示
广告投放★自助友情CMS落伍广告联盟晒乐广告联盟脉动广告联盟品味广告联盟
广告位可自定样式联系QQ:4285248个文字广告月20元广告联系QQ:428524广告位可自定样式
8个文字广告月20元黄金广告位每月20元广告位可自定样式联系QQ:428524广告位可自定样式
左旋肉碱、全国包邮
买二送一、无效退款

文章浏览→建站指南建站经验→不用插件实现WordPress代码高亮显示

不用插件实现WordPress代码高亮显示
不用插件实现WordPress代码高亮显示

 本文由www.fanwentiandi.com   提供

原文地址:http://www.fanwentiandi.com/a/xindetihui/dushuxindetihui/2010/0410/520.html


ml PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"不用插件实现WordPress代码高明显示_建站经验_中国站长站 CHINAZ.COM 站长之家 站长论坛 站长工具 站长交易源码下载 站长素材 收费统计 主机网 主机之家 BBSMAX 站长俱乐部 网站建设资源 站长水吧 ALEXA排名查询 SEO概况查询友情链接查询 Google PR查询 Whois消息查询 Chinaz.com - 站长之家 站长之家 行业资讯 .

 

业界动态 | 收买融资 | 门户动态 | 搜索引擎 | 网络我就爱游戏 | 电子商务 | 广告传媒 | 厂商开发

站长在线 .

 

站长报道 | 好站推荐 | 站长聚会 | 站长访谈 | 站长茶馆 | 网站排行

网站运营 .

 

建站经验 | 策划盈本 | 搜索优化 | 网站推广 | 收费资源

设计在线 .

 

酷站推荐 | 网页设计 | WEB标准 | 视频处理 | 设计活动

网络编程 .

 

Asp编程 | Php编程 | .Net编程 | Xml编程 | Access | Mssql | Mysql

联盟资讯 .

 

联盟动态 | 联盟介绍 | 联盟点评 | 网赚技拙

服务器 .

 

Web服务器 | Ftp服务器 | Mail服务器 | Dns服务器 | Win服务器 | Linux服务器 |安全攻护

会员投稿 匿名投稿 投稿指南 RSS订阅 站长资讯通告: 搜索: 智能搜索 搜索标题您的位置:站长之家网站运营建站经验阅读资讯:不用插件实现WordPress代码高明显示 functionDigg(divId,aid){ var taget_obj =document.getElementByIdx_x(divId+""+aid); 健康宝宝吧var myajax = newDedeAjax(taget_obj,false,false,"","","");myajax.SendGet2("/digg.php?action=digg&aid="+aid); DedeXHTTP =null; } 不用插件实现WordPress代码高明显示 2010-09-19 16:37:49 来源:zmingcx.com 【大中 小】 评论:0 条 我要投稿 收藏本文 分享至微博

站长交易(http://jy.chinaz.com)帮站长赔本 虚拟主机评测+IDC导航=IDC123.COM

偶尔在日志中加入一些代码,感觉完全没必要安装代码高明插件,万一某天不用插件了,页面可能会很乱。其实大部分插件都是在代码中强行加入一些标签,然后用CSS定义样式,通过查看页面源文件可以清楚地看到。

有一个叫“发芽网”的在线代码高明转换网站。通过在线程序同样是向代码中加入不同的标签,然后定义样式,如果感兴趣可以到发芽网试试,但每次转换都需挨开网址操做略显麻烦,不是本篇介绍的沉点。

今天推荐的是一款本地转换代码高明显示的小工具:CodeRender,本程序是基于 dp.SyntaxHighlighter写的代码语法着色的工具。支持的语言有:

java/xml/sql/jscript/css/cpp/c#/python/vb/perl/php/ruby/delphi。

可方便用于您的博客中粘贴代码,只要自定相应的样式 (highlight.css 的形式,.Text支持自定义样式或者在模板里加上语法样式),然后单制用这个工具生成的 HTML 代码就能让您的代码着高明显示。可以加入更多语种的支持,本程序就是在 dp.SyntaxHighlighter 的基础上扩展了对 Perl语言的支持,网上可以找到相应语法的 JS 代码战 CSS。语言扩展支持通过在 shCore.js 战 highlight.css加入相应代码即可。

程序界面

 

 

操做很容易,Source Code 中贴上您要着色的代码,然后选择语种,点击 Render 按钮就会在 HTML Code中生成相应的 HTML 代码,同时在 HTML Preview 中可以预览到效果。

简 要说明:Lang 下拉框可以选择所支持的语法,Options 左边的Gutter、Controls、CollapseAll、FirstLine、Columns是控制生成的额定的元素,逐一点试试就知道了。每个形式显示(输入)区都提供了 Copy/Paste/Clear快捷操做链接,文综之家还有一个总的 Clear 按钮。

Copy生成 的HTML 代码,在日志编辑窗口切换到HTML源代码编辑模式,粘贴就可以了。

不过要想正确显示代码高明还需在WordPress主题中加载样式文件“highlight.css”(在下载的压缩包中)

方法:

首先,把highlight.css上传到所使用主题目录中;

其次:挨开header.php,查找:

<link rel="stylesheet"type="text/css"href="<?php bloginfo("template_directory"); ?>/style.css"/>

在后面添加:

<link rel="stylesheet"href="<?php bloginfo("template_url"); ?>/highlight.css"/>

该然,您也可以单制highlight.css中的所有代码到您主题style.css中,以上步骤就免了!

如认为默认的样式不符合自己的要求,可以通过修改“highlight.css”中的样式改变代码高明、边框、背景等颜色,更个性化。

但需要注意的是WordPress会自动把半角符号替换为全角,别己单制下来的函数代码标点是全角的,无法使用,切记!

系决办法:

挨开并编辑 wp-includes/formatting.php 文件,找到以下代码:// static strings $curl =str_replace($static_characters, $static_replacements, $curl);// regular expressions $curl= preg_replace($dynamic_characters,$dynamic_replacements, $curl); 将$curl 开头的两句代码正文掉,如下:// static strings//$curl str_replace($static_characters, $static_replacements, $curl);// regular expressions//$curl preg_replace($dynamic_characters, $dynamic_replacements, $curl);

效果如下:

PHP:

 

CSS:

 

 

文章来源:http://zmingcx.com/do-not-realize-wordpress-code-highlight-plugin.html

 


更多精彩内容:

 www.fanwentiandi.com       www.jkbb8.com        www.sdwzzj.cn            

 www.gaokbaoba.org      www.592youxi.net    www.nongjingzx.com


老婆不在家发生在我身上的事情
我是怎样做到兼职月赚5000元的!
所属分类:建站指南建站经验    作者:新浪博客    时间:2010-11-20 0:00:00

文章导航