<?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>前端观察 &#187; 高亮</title>
	<atom:link href="http://www.qianduan.net/tag/%e9%ab%98%e4%ba%ae/feed" rel="self" type="application/rss+xml" />
	<link>http://www.qianduan.net</link>
	<description>专注于网站前端设计与前端开发</description>
	<lastBuildDate>Wed, 08 Feb 2012 05:05:28 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.3.1</generator>
		<item>
		<title>9款有用的Javascript代码高亮脚本</title>
		<link>http://www.qianduan.net/9-useful-javascript-syntax-highlighting-scripts.html</link>
		<comments>http://www.qianduan.net/9-useful-javascript-syntax-highlighting-scripts.html#comments</comments>
		<pubDate>Thu, 09 Jul 2009 13:42:32 +0000</pubDate>
		<dc:creator>神飞</dc:creator>
				<category><![CDATA[Ajax]]></category>
		<category><![CDATA[Resource]]></category>
		<category><![CDATA[脚本]]></category>
		<category><![CDATA[高亮]]></category>

		<guid isPermaLink="false">http://www.qianduan.net/?p=10981</guid>
		<description><![CDATA[<p><strong>代码高亮</strong>很重要，特别是当我们想要在博客中展示我们的代码的时候。通过在博客中启用<strong>代码高亮</strong>，读者更方便的读取代码块。</p... ]]></description>
			<content:encoded><![CDATA[<div>原文：<a href="http://www.qianduan.net/9-useful-javascript-syntax-highlighting-scripts.html">9款有用的Javascript代码高亮脚本</a><br />
译自：<a href="http://www.webdesignbooth.com/9-useful-javascript-syntax-highlighting-scripts/"> webdesignbooth</a><br />
版权所有，转载请注明出处，多谢！！！<br />
<hr />
</div>
<p><strong>代码高亮</strong>很重要，特别是当我们想要在博客中展示我们的代码的时候。通过在博客中启用<strong>代码高亮</strong>，读者更方便的读取代码块。</p>
<p>有很多免费而且有用的<strong>代码高亮</strong>脚本。这些脚本大部分由Javascripts编写，当然也有些使用其它语言(比如Phyton或Ruby)写的。</p>
<p><span id="more-10981"></span></p>
<p>今天，让我们来看看使用最多的<strong>9款Javascript代码高亮脚本</strong>吧。</p>
<h3>1. <a title="SyntaxHighlighter" href="http://alexgorbatchev.com/wiki/SyntaxHighlighter" target="_blank">SyntaxHighlighter</a></h3>
<p>我相信这是最普遍代码高亮代码。它支持很多中不同的语言，而且如果你使用的语言不被默认支持，你也可以很简单的创建新“刷子”。<br />
	<img title="syntax-highlighter" src="http://www.qianduan.net/wp-content/uploads/2009/07/highlight/syntax-highlighter.png" alt="syntax-highlighter" height="177" width="500"></p>
<h3>2. <a title="SHJS" href="http://shjs.sourceforge.net/" target="_blank">SHJS</a></h3>
<p>SHJS是Syntax Highlighting in Javascript的简写。It 来自于GNU 源码高亮语言。并支持很多种编程语言。经测试SHJS 支持主流浏览器比如Firefox 2+, IE 6+, Opera 9.6+, Safari 3.2 及Chrome 1.0+.<br />
	<img title="shjs" src="http://www.qianduan.net/wp-content/uploads/2009/07/highlight/shjs.png" alt="shjs" height="104" width="500"></p>
<h3>3. <a title="beautyOfCode" href="http://startbigthinksmall.wordpress.com/2008/10/30/beautyofcode-jquery-plugin-for-syntax-highlighting/" target="_blank">beautyOfCode</a></h3>
<p>beautyOfCode 是一款jQuery 代码高亮插件。它使用SyntaxHighlighter 的脚本，并使其更好的兼容XHTML。<br />
	<img title="beauty-of-code" src="http://www.qianduan.net/wp-content/uploads/2009/07/highlight/beauty-of-code.png" alt="beauty-of-code" height="216" width="500"></p>
<h3>4. <a title="Chili" href="http://code.google.com/p/jquery-chili-js/" target="_blank">Chili</a></h3>
<p>Chili 是一个jQuery代码高亮插件。它捆绑了很多中语言支持，并支持多个设置选项。<br />
	<img title="chili" src="http://www.qianduan.net/wp-content/uploads/2009/07/highlight/chili.png" alt="chili" height="304" width="500"></p>
<h3>5. <a title="Lighter.js" href="http://pradador.com/code/lighterjs/" target="_blank">Lighter.js</a></h3>
<p>Lighter.js是一款免费的MooTools代码高亮插件。使用lighter.js简单到只需要在你的页面中添加一段简单的脚本就OK了。<br />
	<img title="lighter-js" src="http://www.qianduan.net/wp-content/uploads/2009/07/highlight/lighter-js.png" alt="lighter-js" height="120" width="500"></p>
<h3>6. <a title="Highlight.js" href="http://softwaremaniacs.org/soft/highlight/en/" target="_blank">Highlight.js</a></h3>
<p>highlight.js是一款非常容易使用的高亮脚本，支持多种编程语言。它还有一些很有用的插件，很容易的部署到其它CMS、论坛或博客。<br />
	<img title="highlight-js" src="http://www.qianduan.net/wp-content/uploads/2009/07/highlight/highlight-js.png" alt="highlight-js" height="186" width="500"></p>
<h3>7. <a title="DlHighlight" href="http://mihai.bazon.net/projects/javascript-syntax-highlighting-engine" target="_blank">DlHighlight</a></h3>
<p>DlHighlight是一款简单的代码高亮脚本，它只支持4中编程语言：JavaScript, CSS, XML, HTML.<br />
	<img title="dlhighlight" src="http://www.qianduan.net/wp-content/uploads/2009/07/highlight/dlhighlight.png" alt="dlhighlight" height="220" width="500"></p>
<h3>8. <a title="Google Code Prettify" href="http://code.google.com/p/google-code-prettify/" target="_blank">Google Code Prettify</a></h3>
<p>Google Code Prettify 提供一个Javascript 模块和CSS 文件，可以在HTML页面中显示源代码的代码高亮效果。这是用于code.google.com的脚本。<br />
	<img title="google-code-prettify" src="http://www.qianduan.net/wp-content/uploads/2009/07/highlight/google-code-prettify.png" alt="google-code-prettify" height="255" width="500"></p>
<h3>9. <a title="JUSH" href="http://plugins.jquery.com/project/JUSH" target="_blank">JUSH</a></h3>
<p>JUSH是另一款jQuery 代码高亮插件，支持HTML, CSS, PHP, PY 和SQL等多种语言。<br />
	<img title="jush" src="http://www.qianduan.net/wp-content/uploads/2009/07/highlight/jush.png" alt="jush" height="187" width="500"></p>
]]></content:encoded>
			<wfw:commentRss>http://www.qianduan.net/9-useful-javascript-syntax-highlighting-scripts.html/feed</wfw:commentRss>
		<slash:comments>2</slash:comments>
		</item>
	</channel>
</rss>

