<?xml version="1.0" encoding="UTF-8"?>
<rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:wfw="http://wellformedweb.org/CommentAPI/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:atom="http://www.w3.org/2005/Atom"
	xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
	xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
	>

<channel>
	<title>The Townes &#187; 代码高亮插件</title>
	<atom:link href="https://thetownes.coolpage.biz/?feed=rss2&#038;tag=%E4%BB%A3%E7%A0%81%E9%AB%98%E4%BA%AE%E6%8F%92%E4%BB%B6" rel="self" type="application/rss+xml" />
	<link>https://thetownes.coolpage.biz</link>
	<description>本站已转移至：http://www.thetownes.info</description>
	<lastBuildDate>Thu, 01 Aug 2013 11:49:56 +0000</lastBuildDate>
	<language>zh-CN</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.5.2</generator>
		<item>
		<title>3款WordPress代码高亮插件推荐与点评</title>
		<link>https://thetownes.coolpage.biz/?p=213</link>
		<comments>https://thetownes.coolpage.biz/?p=213#comments</comments>
		<pubDate>Fri, 12 Jul 2013 00:51:29 +0000</pubDate>
		<dc:creator>Will</dc:creator>
				<category><![CDATA[Wordpress]]></category>
		<category><![CDATA[代码高亮插件]]></category>

		<guid isPermaLink="false">http://thetownes.coolpage.biz/?p=213</guid>
		<description><![CDATA[我想一定有许多朋友跟我一样 曾痛苦的找过各类WordPress代码高亮插件或方法 &#8230; <a href="https://thetownes.coolpage.biz/?p=213">继续阅读 <span class="meta-nav">&#8594;</span></a>]]></description>
				<content:encoded><![CDATA[<p>我想一定有许多朋友跟我一样 曾痛苦的找过各类WordPress代码高亮插件或方法，但很多都存在一些问题，比如复制代码时行号被复制、代码高亮严重拖慢速度、代码会自动运行或消失、编辑文章时不能在可视化编辑和HTML模式自由切换、重新编辑文章后高亮代码消失、插件产生大量垃圾、卸载插件后代码全乱…………</p>
<p>这里给大家介绍三个我使用过的，还记得的，觉得不错的WordPress代码高亮插件，并做一个简要的点评，希望方便<a title="wordpress博客" href="http://www.wpcourse.com/tag/wordpress%E5%8D%9A%E5%AE%A2">WordPress博客</a>朋友！</p>
<p>首先说明，同比众多的WordPress高亮代码插件，这三款插件都不是那么的华丽，但却具备了很实用的功能。注意：无论你使用哪款插件，请先处理<a href="http://www.wpcourse.com/wordpress-quotes.html" target="_blank">WordPress代码半角引号变全角</a>问题！这是你用WordPress建站并喜欢折腾代码的必备工作！</p>
<p>此前，WordPress教程网给大家介绍了这款</p>
<h3><a href="http://www.wpcourse.com/wordpress-syntax-highlighter.html">Syntax Highlighter and Code Colorizer</a>WordPress代码高亮插件，虽然久未更新，但效果不减当年啊！</h3>
<p>&nbsp;</p>
<p><strong>一：WordPress代码高亮插件：wp-syntax</strong></p>
<p>果图如下：支持多语言、行号、横向竖向滚动条</p>
<p><a href="http://www.wpcourse.com/wp-content/uploads/2011/03/wp-sytanx.png"><img alt="wp sytanx" src="http://www.wpcourse.com/wp-content/uploads/2011/03/wp-sytanx_thumb.png" width="611" height="211" border="0" /></a></p>
<p>点评，这款WordPress代码高亮插件也灰常不错，安装后直接启用即可。在可视化编辑和HTML下自由切换，并且在Windows live writer中还提供了该插件的插件，用live writer写也非常方便。</p>
<p>使用方法：&lt;pre lang=”php”&gt;code&lt;/pre&gt;</p>
<p>&nbsp;</p>
<p>二：<strong>WP-SynHighlight 代码高亮插件</strong></p>
<p>&nbsp;</p>
<p>先看效果图：支持多语言、行号、横向竖向滚动条、展开收起</p>
<p><a href="http://www.wpcourse.com/wp-content/uploads/2011/03/wordpressWP-SynHighlight.jpg"><img alt="wordpress代码高亮插件WP-SynHighlight" src="http://www.wpcourse.com/wp-content/uploads/2011/03/wordpressWP-SynHighlight_thumb.jpg" width="609" height="334" border="0" /></a></p>
<p>点评：这款安装后会在WordPress后台编辑器中生成一个代码插入按钮，使用非常方便。输出的代码展示在一个代码输出框内，有横向和树向滚动条。</p>
<p>最重要的是能够在可视化和HTML模式下任意转换，无论在哪种模式下编辑代码都能够高亮，即使你是使用livewriter可视化编辑，但注意一点使用Windows live writer编辑时注意，某些代码能够自动运行，所以这款插件比较适合喜欢在WordPress后台写博的朋友，本站目前使用的是这个插件。这款插件比较大，1.9MB 。</p>
<p>使用方法，后台直接点击插入按钮，或输入以下代码，注意把【】换成[]</p>
<p>【codesyntax lang=”php”】</p>
<pre>你的代码</pre>
<p>【/codesyntax】</p>
<p><strong>三：WordPress代码高亮插件codecolorer</strong></p>
<p>顾名思义，这款插件的代码着色效果肯定非常棒！支持多语言、行号、横向竖向滚动条&nbsp;支持RSS输出代码高亮。</p>
<p><a href="http://www.wpcourse.com/wp-content/uploads/2011/03/codecolor.jpg"><img alt="codecolor" src="http://www.wpcourse.com/wp-content/uploads/2011/03/codecolor_thumb.jpg" width="584" height="401" border="0" /></a></p>
<p>点评：使用这款插件的人非常的多！高亮代码给我的第一感觉就是 非常温柔体贴、情切舒服。遗憾的是貌似这款插件不能在可视化编辑和HTML下切换，我用live writer测试时是这样，有兴趣的朋友可以自己试试看。</p>
<p>注意，code colorer这款插件可能会与WordPress后台下拉管理插件Admin Drop Menu&nbsp;造成冲突。你可以下载我本站收集的codecolorer修改版。另外，很多代码高亮插件彼此是不兼容的，请不要混用。</p>
<p>使用方法有两种</p>
<p>（1）&lt;code lang=”language”&gt;&nbsp; yourcode&nbsp; &lt;code&gt;</p>
<p>（2） [ cc lang="lang"]code[/cc]</p>
<p>以上这三款插件总体来说还是比较不错的，欢迎大家继续补充和指点错误。</p>
]]></content:encoded>
			<wfw:commentRss>https://thetownes.coolpage.biz/?feed=rss2&#038;p=213</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>
