ZenOven's Archivers

From zenoven on 2011-07-23 10:53:13

博客升级及代码高亮插件安装记录

前天在贴代码的时候急需一个代码高亮插件,试验了好几个都不是太理想,最后决定用SyntaxHighlighter Evolved,原因如下

  1. 界面说得过去。如果不够漂亮的话要代码高亮插件干嘛?直接贴pre不就OK了嘛!

  2. 在可视化和代码模式切换时样式不会改变。

  3. 支持多种代码方式及参数,如[@css]代码[/css],[@code lang="css"]代码[/code] (将@去掉)


但是不幸的是启用SyntaxHighlighter Evolved后却只见代码转换为了pre标签,没有任何代码高亮该有的格式,搜索SyntaxHighlighter Evolved 也只找到该插件的使用方法,不能高亮、不能使用之类的问题都没搜到,郁闷了。。。莫非这个插件就没什么bug ?还是WP版本有问题?那就升级下试试吧

  1. 下载下来/wp-includes/ 文件夹下面修改过的相关文件

    • formatting.php (与WP表情相关)

    • functions.php (与WP表情相关)

    • feed-rss.php (与feed相关)



  2. 升级Wordpress至最新的3.2.1版(我在这里犯了个错,未停掉所有插件,导致博客首页空白,后台无法登陆,解决办法是将plugins目录重命名,然后登陆再一个个启用,最后查出是BackWPUP插件不兼容,删除重装,OK)

  3. 检查插件设置是否妥当,上传修改过的formatting.php等文件。

  4. 安装代码高亮插件SyntaxHighlighter Evolved并启用


可悲的是,升级Wordpress至3.2.1最新版后仍未有任何代码高亮效果,而换了其他的主题就漂亮亮的高亮了,难道是我的主题有bug?(其实WP升级之前我就换过其他主题试过的,问题都一样,没有任何高亮效果,真是奇怪)

后来无意逛到了WP官网SyntaxHighlighter Evolved的FAQ页面

[caption id="attachment_1551" align="aligncenter" width="542" caption="SyntaxHighlighter-FAQ"]<img class="size-full wp-image-1551" title="SyntaxHighlighter-FAQ" src="http://www.zenoven.com/wp-content/2011/07/SyntaxHighlighter-FAQ.jpg" alt="SyntaxHighlighter-FAQ" width="542" height="240" />[/caption]

上面说的大概就是代码显示的还是原来的样子,没有任何效果,解决方法是看看主题里面的 footer.php 文件里面有没有 <?php wp_footer(); ?>,莫非我的问题也是这样?Down下来主题的footer.php 一看,果真没有!(估计是什么时候修改主题给弄丢的 - -!),速度加上这一句,upload,代码漂亮亮的高亮了!

[caption id="attachment_1552" align="aligncenter" width="610" caption="SyntaxHighlighter代码高亮效果图"]<img class="size-full wp-image-1552" title="code-highlight-screen-shot" src="http://www.zenoven.com/wp-content/2011/07/code-highlight-screen-shot.jpg" alt="SyntaxHighlighter代码高亮效果图" width="610" height="163" />[/caption]

代码高亮效果是出来了,但是新的问题又出现了:由于我启用了WP-KeywordLink插件(为你的wordpress博客中添加关键词链接的插件),代码中的关键词也会被修改,不过解决办法很简单,到WP-KeywordLink插件设置页面将Options for KeywordLink选项卡下面的跳过pre标签选中即可

[caption id="attachment_1553" align="aligncenter" width="482" caption="修改WP KeywordLink中的设置"]<img class="size-full wp-image-1553" title="WP KeywordLink-config" src="http://www.zenoven.com/wp-content/2011/07/WP-KeywordLink-config.jpg" alt="修改WP KeywordLink中的设置" width="482" height="391" />[/caption]

查看完整版本: 博客升级及代码高亮插件安装记录

From 站长实验室 on 2011-07-24 11:01:54

以前用过这个插件,后来感觉很累赘,就没怎么用过了

From 百毒博客 on 2011-07-24 11:36:14

我才不用这样的插件,没有必要啊,拖累WP博客,会导致运行不稳定,WP打开慢啊。

From 自由人 on 2011-07-24 12:29:12

呵呵,看是否需要吧

From 自由人 on 2011-07-24 12:30:55

我以前是能不用插件就不用,现在感觉无所谓了

From 新生儿米粉 on 2011-07-25 17:12:19

呵呵,好,不错!

From 永年SEO on 2011-07-25 17:12:45

支持一下!还不错!

From vaman on 2011-07-25 21:59:44

嗯 我也没再安装代码高亮了 因为自己写代码的机会太少了@@

From 视频设计师~四叶草 on 2011-07-26 19:42:35

以wordpress来做博客的平台,是一个不错的选择。因为插件和模板的开发是很惊人的,而且很容易上手,也平易近人。

From 自由人 on 2011-07-28 12:51:38

这个插件主要是看需要了,呵呵

From WayJam on 2011-08-10 19:22:46

我用Geshi写了个在线代码高亮的小工具,直接贴HTML好了。

Tags: SyntaxHighlighter Evolved, WP-KeywordLink, 代码高亮, 博客升级


©ZenOven