<?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>Idea Grapes &#187; blog plus</title>
	<atom:link href="http://blog.yoren.info/category/blog-plus/feed/" rel="self" type="application/rss+xml" />
	<link>http://blog.yoren.info</link>
	<description>Think Different</description>
	<lastBuildDate>Fri, 05 Feb 2010 18:42:12 +0000</lastBuildDate>
	<generator>http://wordpress.org/?v=2.9.2</generator>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
			<item>
		<title>[WordPress] 讓FeedBurner FeedSmith支援Tag Feeds</title>
		<link>http://blog.yoren.info/2009/04/feedburner-feedsmith-tag-feeds/</link>
		<comments>http://blog.yoren.info/2009/04/feedburner-feedsmith-tag-feeds/#comments</comments>
		<pubDate>Sat, 25 Apr 2009 17:04:32 +0000</pubDate>
		<dc:creator>yoren</dc:creator>
				<category><![CDATA[blog plus]]></category>
		<category><![CDATA[FeedBurner]]></category>
		<category><![CDATA[plugins]]></category>
		<category><![CDATA[WordPress]]></category>

		<guid isPermaLink="false">http://blog.yoren.info/?p=705</guid>
		<description><![CDATA[
WordPress從2.5以後的版本，就有支援tag feeds。如果你只要訂閱在我的網站裡面，有「jQuery」這個標籤的文章，feed網址是（permalink版）：


http://blog.yoren.info/tag/jquery/feed

或是：


http://blog.yoren.info/?tag=jquery&#38;feed=rss2

但是假如安裝了FeedBurner FeedSmith這個外掛之後，此功能即無法使用，輸入tag feed會一律被導到feedburner的全站feed網址（例如：http://feeds2.feedburner.com/IdeaGrapes）。
參考Tweaking your FeedBurner / FeedSmith plugin to support Wordpress 2.5+ tag feeds (easy!)，裡面紀錄了修改的方法如下：

至WordPress管理後台停用FeedBurner FeedSmith這個外掛後，進入編輯其程式碼。
找到 ol_feed_redirect() 這個function。
將 is_feed() &#038;&#038; $feed != &#8216;comments-rss2&#8242; &#038;&#038; !is_single() &#038;&#038; 這個部份，改為
is_feed() &#038;&#038; $feed != &#8216;comments-rss2&#8242; &#038;&#038; !is_single() &#038;&#038; !is_tag() &#038;&#038;，即加入「&#038;&#038; !is_tag()」。
更新檔案後，重新啟用外掛，便可順利抓到tag feeds了。

]]></description>
			<content:encoded><![CDATA[<p><img src="http://blog.yoren.info/wp-content/uploads/2009/04/2009-04-26_0054-499x284.png" alt="FeedBurner FeedSmith" title="FeedBurner FeedSmith" width="499" height="284" class="alignnone size-large wp-image-707" /></p>
<p><span class='bm_keywordlink'><a href="http://wordpress.org">WordPress</a></span>從2.5以後的版本，就有支援tag feeds。如果你只要訂閱在我的網站裡面，有「<span class='bm_keywordlink'><a href="http://jquery.com/">jQuery</a></span>」這個標籤的文章，feed網址是（permalink版）：</p>
<pre class="brush: php">

http://blog.yoren.info/tag/jquery/feed
</pre>
<p>或是：</p>
<pre class="brush: php">

http://blog.yoren.info/?tag=jquery&amp;feed=rss2
</pre>
<p>但是假如安裝了<a href="http://www.google.com/support/feedburner/bin/answer.py?hl=en&#038;answer=78483">FeedBurner FeedSmith</a>這個外掛之後，此功能即無法使用，輸入tag feed會一律被導到feedburner的全站feed網址（例如：http://feeds2.feedburner.com/IdeaGrapes）。</p>
<p>參考<a href="http://blog.bradgrier.com/2008/06/23/tweaking-your-feedburner-feedsmith-plugin-to-support-wordpress-25-tag-feeds-easy/" title="Tweaking your FeedBurner / FeedSmith plugin to support Wordpress 2.5+ tag feeds (easy!)">Tweaking your FeedBurner / FeedSmith plugin to support Wordpress 2.5+ tag feeds (easy!)</a>，裡面紀錄了修改的方法如下：</p>
<ol>
<li>至<span class='bm_keywordlink'><a href="http://wordpress.org">WordPress</a></span>管理後台停用FeedBurner FeedSmith這個外掛後，進入編輯其程式碼。</li>
<li>找到 ol_feed_redirect() 這個function。</li>
<li>將 is_feed() &#038;&#038; $feed != &#8216;comments-rss2&#8242; &#038;&#038; !is_single() &#038;&#038; 這個部份，改為<br />
is_feed() &#038;&#038; $feed != &#8216;comments-rss2&#8242; &#038;&#038; !is_single() &#038;&#038; !is_tag() &#038;&#038;，即加入「<strong>&#038;&#038; !is_tag()</strong>」。</li>
<li>更新檔案後，重新啟用外掛，便可順利抓到tag feeds了。</li>
</ol>
]]></content:encoded>
			<wfw:commentRss>http://blog.yoren.info/2009/04/feedburner-feedsmith-tag-feeds/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>5 組免費手繪風格圖示（Hand-Drawn Icons）</title>
		<link>http://blog.yoren.info/2009/04/hand-drawn-icons-5/</link>
		<comments>http://blog.yoren.info/2009/04/hand-drawn-icons-5/#comments</comments>
		<pubDate>Mon, 20 Apr 2009 17:26:09 +0000</pubDate>
		<dc:creator>yoren</dc:creator>
				<category><![CDATA[blog plus]]></category>
		<category><![CDATA[icons]]></category>
		<category><![CDATA[web design]]></category>
		<category><![CDATA[web2.0]]></category>

		<guid isPermaLink="false">http://blog.yoren.info/?p=644</guid>
		<description><![CDATA[今天看到 Keith 畫的手繪風格圖示，覺得挺喜歡那種有點童趣的質樸，再加上之前注意到的幾套，貼出來跟大家分享：

20 Free Hand-Drawn Icons by Keith：有 PSD 和 PNG 兩種格式。

Handycons：12個 Web 2.0 社群網站圖示，PNG 格式。

Handycons2：20個 PNG 圖示，和上一組圖示出自同一位作者。

Social Icons hand drawned by ~TheG-Force：14個 PNG 圖示，以熱門網站、CMS 和瀏覽器為主題。

Free Hand Drawn Doodle Icon Set for Bloggers：14 個 PNG 圖示。


以上圖示皆可免費下載，不過使用前別忘了看一下授權範圍說明。
]]></description>
			<content:encoded><![CDATA[<p>今天看到<a href="http://keithspot.com/stuff/20-free-hand-drawn-icons-by-keith/"> Keith 畫的手繪風格圖示</a>，覺得挺喜歡那種有點童趣的質樸，再加上之前注意到的幾套，貼出來跟大家分享：</p>
<ul>
<li><a href="http://keithspot.com/stuff/20-free-hand-drawn-icons-by-keith/">20 Free Hand-Drawn Icons by Keith</a>：有 PSD 和 PNG 兩種格式。</li>
<p><a href="http://keithspot.com/stuff/20-free-hand-drawn-icons-by-keith/"><img src="http://blog.yoren.info/wp-content/uploads/2009/04/screenshot-416x500.png" alt="20 Free Hand-Drawn Icons by Keith" title="20 Free Hand-Drawn Icons by Keith" width="416" height="500" class="alignnone size-large wp-image-645" /></a></p>
<li><a href="http://www.jankoatwarpspeed.com/post/2008/10/20/Handycons-a-free-hand-drawn-social-media-icon-set.aspx">Handycons</a>：12個 Web 2.0 社群網站圖示，PNG 格式。</li>
<p><a href="http://www.jankoatwarpspeed.com/post/2008/10/20/Handycons-a-free-hand-drawn-social-media-icon-set.aspx"><img src="http://blog.yoren.info/wp-content/uploads/2009/04/imageaxd.jpeg" alt="Handycons" title="Handycons" width="500" height="332" class="alignnone size-full wp-image-648" /></a></p>
<li><a href="http://www.jankoatwarpspeed.com/post/2009/02/23/Handycons-2-another-free-hand-drawn-icon-set.aspx">Handycons2</a>：20個 PNG 圖示，和上一組圖示出自同一位作者。</li>
<p><a href="http://www.jankoatwarpspeed.com/post/2009/02/23/Handycons-2-another-free-hand-drawn-icon-set.aspx"><img src="http://blog.yoren.info/wp-content/uploads/2009/04/imageaxd2.jpeg" alt="Handycons2" title="Handycons2" width="500" height="333" class="alignnone size-full wp-image-649" /></a></p>
<li><a href="http://theg-force.deviantart.com/art/Social-Icons-hand-drawned-109467069">Social Icons hand drawned by ~TheG-Force</a>：14個 PNG 圖示，以熱門網站、CMS 和瀏覽器為主題。</li>
<p><a href="http://theg-force.deviantart.com/art/Social-Icons-hand-drawned-109467069"><img src="http://blog.yoren.info/wp-content/uploads/2009/04/social_icons_hand_drawned_by_theg_force.png" alt="social_icons_hand_drawned_by_theg_force" title="social_icons_hand_drawned_by_theg_force" width="487" height="209" class="alignnone size-full wp-image-651" /></a></p>
<li><a href="http://www.blog.spoongraphics.co.uk/freebies/free-hand-drawn-doodle-icon-set-for-bloggers">Free Hand Drawn Doodle Icon Set for Bloggers</a>：14 個 PNG 圖示。</li>
<p><a href="http://www.blog.spoongraphics.co.uk/freebies/free-hand-drawn-doodle-icon-set-for-bloggers"><img src="http://blog.yoren.info/wp-content/uploads/2009/04/doodle-icons-450.jpg" alt="Free Hand Drawn Doodle Icon Set for Bloggers" title="Free Hand Drawn Doodle Icon Set for Bloggers" width="450" height="321" class="alignnone size-full wp-image-653" /></a>
</ul>
<p>以上圖示皆可免費下載，不過使用前別忘了看一下授權範圍說明。</p>
]]></content:encoded>
			<wfw:commentRss>http://blog.yoren.info/2009/04/hand-drawn-icons-5/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>WordPress Plugin: SyntaxHighlighter Plus</title>
		<link>http://blog.yoren.info/2009/04/wordpress-plugin-syntaxhighlighter-plus/</link>
		<comments>http://blog.yoren.info/2009/04/wordpress-plugin-syntaxhighlighter-plus/#comments</comments>
		<pubDate>Sun, 19 Apr 2009 15:01:33 +0000</pubDate>
		<dc:creator>yoren</dc:creator>
				<category><![CDATA[blog plus]]></category>
		<category><![CDATA[code]]></category>
		<category><![CDATA[plugins]]></category>
		<category><![CDATA[syntax]]></category>
		<category><![CDATA[WordPress]]></category>

		<guid isPermaLink="false">http://blog.yoren.info/?p=630</guid>
		<description><![CDATA[
之前使用的Plugin &#8211; SyntaxHighlighter，似乎是升級後，就出現了一些問題，和我的WordPress不相容。今天在看這篇文章時，發現了改寫自這隻Plugin的SyntaxHighlighter Plus，輸出的原始碼格式更清楚，於是改用之。
SyntaxHighlighter Plus支援的程式語言如下，並提供了 6 種 CSS 樣式可以在Settings裡面套用：

Bash &#8212; bash, sh
C++ &#8212; cpp, c, c++
C# &#8212; c#, c-sharp, csharp
CSS &#8212; css
Delphi &#8212; delphi, pascal
Diff &#8212; diff
Groovy &#8212; groovy
Java &#8212; java
JavaScript &#8212; js, jscript, javascript
Perl &#8212; perl, pl
PHP &#8212; php
Plain text &#8212; plain, text
Python &#8212; py, python
Ruby &#8212; rb, ruby, rails, ror
Scala &#8212; scala
SQL &#8212; [...]]]></description>
			<content:encoded><![CDATA[<p><img src="http://blog.yoren.info/wp-content/uploads/2009/04/picture-1-500x210.png" alt="WordPress Plugin: SyntaxHighlighter Plus" title="WordPress Plugin: SyntaxHighlighter Plus" width="500" height="210" class="alignnone size-large wp-image-633" /></p>
<p>之前使用的<a href="http://blog.yoren.info/2008/02/wordpress-plugin-syntaxhighlighter/">Plugin &#8211; SyntaxHighlighter</a>，似乎是升級後，就出現了一些問題，和我的<span class='bm_keywordlink'><a href="http://wordpress.org">WordPress</a></span>不相容。今天在看<a href="http://dev-tips.com/featured/output-buffering-for-web-developers-a-beginners-guide" title="Output Buffering for Web Developers, a Beginner’s Guide">這篇文章</a>時，發現了改寫自這隻Plugin的<a href="http://wordpress.org/extend/plugins/syntaxhighlighter-plus/">SyntaxHighlighter Plus</a>，輸出的原始碼格式更清楚，於是改用之。<span id="more-630"></span></p>
<p><a href="http://wordpress.org/extend/plugins/syntaxhighlighter-plus/">SyntaxHighlighter Plus</a>支援的程式語言如下，並提供了 6 種 CSS 樣式可以在Settings裡面套用：</p>
<ul>
<li>Bash &#8212; bash, sh</li>
<li>C++ &#8212; cpp, c, c++</li>
<li>C# &#8212; c#, c-sharp, csharp</li>
<li>CSS &#8212; css</li>
<li>Delphi &#8212; delphi, pascal</li>
<li>Diff &#8212; diff</li>
<li>Groovy &#8212; groovy</li>
<li>Java &#8212; java</li>
<li>JavaScript &#8212; js, jscript, javascript</li>
<li>Perl &#8212; perl, pl</li>
<li>PHP &#8212; php</li>
<li>Plain text &#8212; plain, text</li>
<li>Python &#8212; py, python</li>
<li>Ruby &#8212; rb, ruby, rails, ror</li>
<li>Scala &#8212; scala</li>
<li>SQL &#8212; sql</li>
<li>VB &#8212; vb, vb.net</li>
<li>XML/HTML &#8212; xml, html, xhtml, xslt</li>
</ul>
<p>而使用者可用以下方式在文章內撰寫原始碼（粗體是SyntaxHighlighter Plus才有的功能）：</p>
<ul>
<li>&#91;source language=&#8217;css&#8217;&#93; &#8230; &#91;/source&#93;</li>
<li>&#91;code language=&#8217;css&#8217;&#93; &#8230; &#91;/code&#93;</li>
<li>&#91;sourcecode lang=&#8217;css&#8217;&#93; &#8230; &#91;/sourcecode&#93;</li>
<li>&#91;source lang=&#8217;css&#8217;&#93; &#8230; &#91;/source&#93;</li>
<li>&#91;code lang=&#8217;css&#8217;&#93; &#8230; &#91;/code&#93;</li>
<li>&#91;sourcecode=&#8217;css&#8217;&#93; &#8230; &#91;/sourcecode&#93;</li>
<li>&#91;source=&#8217;css&#8217;&#93; &#8230; &#91;/source&#93;</li>
<li>&#91;code=&#8217;css&#8217;&#93; &#8230; &#91;/code&#93;</li>
<li><strong>&#91;lang=&#8217;css&#8217;&#93;  &#8230; &#91;/lang&#93;</strong></li>
<li><strong>&#91;css&#93;  &#8230; &#91;/css&#93;</strong></li>
</ul>
<p>美中不足的是因為呼叫的方式不同，所以我必須一一修改先前的文章（將 [source:] 改為 [source=]），花了點時間。但還是可以將它列為開發人員wordpress部落格的必備外掛。</p>
<p>補記：因為這隻外掛有用到<a href="http://tw2.php.net/scandir">scandir</a>這個function，所以必須在PHP5的主機環境底下才能執行。</p>
<p>4/25補記：<br />
覺得樣式內預設行高太小，不易閱讀的話，可作以下修改：<br />
shCore.css，請修改第50行：</p>
<pre class="brush: css">line-height: 1.6em !important;</pre>
<p>shThemeDefault.css，第85-87行：</p>
<pre class="brush: css">
.syntaxhighlighter .line .content .block
{
	background: url(wrapping.png) 0 1.6em no-repeat !important;
}
</pre>
]]></content:encoded>
			<wfw:commentRss>http://blog.yoren.info/2009/04/wordpress-plugin-syntaxhighlighter-plus/feed/</wfw:commentRss>
		<slash:comments>3</slash:comments>
		</item>
		<item>
		<title>WordPress 佈景主題：Prologue</title>
		<link>http://blog.yoren.info/2008/06/wordpress-%e4%bd%88%e6%99%af%e4%b8%bb%e9%a1%8c%ef%bc%9aprologue/</link>
		<comments>http://blog.yoren.info/2008/06/wordpress-%e4%bd%88%e6%99%af%e4%b8%bb%e9%a1%8c%ef%bc%9aprologue/#comments</comments>
		<pubDate>Sat, 07 Jun 2008 10:11:01 +0000</pubDate>
		<dc:creator>yoren</dc:creator>
				<category><![CDATA[blog plus]]></category>
		<category><![CDATA[themes]]></category>
		<category><![CDATA[twitter]]></category>
		<category><![CDATA[WordPress]]></category>

		<guid isPermaLink="false">http://blog.yoren.info/?p=569</guid>
		<description><![CDATA[
Prologue是由Automattic團隊製作的Wordpress佈景主題，除了在wordpress.com可以找到以外，geeksecret也有打包好的版本提供下載。
這個佈景主題的特色在於，結合了Twitter和Basecamp的特色，可以用來建立微型部落格（Micro-blogging）和專案管理的交談工具。
雖然Prologue早已推出一段時間，不過我是今天下午看到Whurley在問，才興起去找來玩。架好之後還做了一點中文化，有興趣的人可以上去回應或註冊一個帳號發文章看看，想要出現頭像的話，記得到Gravatar註冊你的email即可。
噢，成品在這裡：Upidstay。
]]></description>
			<content:encoded><![CDATA[<p><a href='http://twitter.yoren.info/'><img src="http://blog.yoren.info/wp-content/uploads/2008/06/prologue-300x187.png" alt="" title="prologue" width="300" height="187" class="alignnone size-medium wp-image-570" /></a></p>
<p><a href="http://en.blog.wordpress.com/2008/01/28/introducing-prologue/">Prologue</a>是由<a href="http://automattic.com/">Automattic</a>團隊製作的Wordpress佈景主題，除了在wordpress.com可以找到以外，<a href="http://geeksecret.bundublog.com/2008/05/07/wordpress-prologue-theme/">geeksecret也有打包好的版本提供下載</a>。</p>
<p>這個佈景主題的特色在於，結合了Twitter和<a href="http://www.basecamphq.com/">Basecamp</a>的特色，可以用來建立微型部落格（<a href="http://en.wikipedia.org/wiki/Micro-blogging">Micro-blogging</a>）和專案管理的交談工具。</p>
<p>雖然Prologue早已推出一段時間，不過我是今天下午看到<a href="http://twitter.com/whurley/statuses/828940525">Whurley在問</a>，才興起去找來玩。架好之後還做了一點中文化，有興趣的人可以上去回應或註冊一個帳號發文章看看，想要出現頭像的話，記得到<a href="http://www.gravatar.com">Gravatar</a>註冊你的email即可。</p>
<p>噢，成品在這裡：<a href="http://twitter.yoren.info">Upidstay</a>。</p>
]]></content:encoded>
			<wfw:commentRss>http://blog.yoren.info/2008/06/wordpress-%e4%bd%88%e6%99%af%e4%b8%bb%e9%a1%8c%ef%bc%9aprologue/feed/</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
		<item>
		<title>Wordpress 2.6將新增文章版本控制功能</title>
		<link>http://blog.yoren.info/2008/05/wordpress-26%e5%b0%87%e6%96%b0%e5%a2%9e%e6%96%87%e7%ab%a0%e7%89%88%e6%9c%ac%e6%8e%a7%e5%88%b6%e5%8a%9f%e8%83%bd/</link>
		<comments>http://blog.yoren.info/2008/05/wordpress-26%e5%b0%87%e6%96%b0%e5%a2%9e%e6%96%87%e7%ab%a0%e7%89%88%e6%9c%ac%e6%8e%a7%e5%88%b6%e5%8a%9f%e8%83%bd/#comments</comments>
		<pubDate>Sat, 24 May 2008 07:58:10 +0000</pubDate>
		<dc:creator>yoren</dc:creator>
				<category><![CDATA[blog plus]]></category>
		<category><![CDATA[revision]]></category>
		<category><![CDATA[WordPress]]></category>

		<guid isPermaLink="false">http://blog.yoren.info/?p=546</guid>
		<description><![CDATA[
mdawaffe預告了Wordpress 2.6將新增文章版本控制功能，使用者可以在畫面中比對新舊文章的內容。原文附有三張截圖，看起來這個新功能不但實用，介面也設計得很清楚明瞭。
]]></description>
			<content:encoded><![CDATA[<p><a href="http://mdawaffe.wordpress.com/2008/05/22/post-revisions-in-wordpress-26/post-revisions-1/"><img src="http://blog.yoren.info/wp-content/uploads/2008/05/image.jpg" alt="" title="Post revisions in Wordpress 2.6" width="500" height="174" class="alignnone size-full wp-image-547" /></a></p>
<p><a href="http://mdawaffe.wordpress.com/">mdawaffe</a>預告了<a href="http://mdawaffe.wordpress.com/2008/05/22/post-revisions-in-wordpress-26/">Wordpress 2.6將新增文章版本控制功能</a>，使用者可以在畫面中比對新舊文章的內容。<a href="http://mdawaffe.wordpress.com/2008/05/22/post-revisions-in-wordpress-26/">原文</a>附有三張截圖，看起來這個新功能不但實用，介面也設計得很清楚明瞭。</p>
]]></content:encoded>
			<wfw:commentRss>http://blog.yoren.info/2008/05/wordpress-26%e5%b0%87%e6%96%b0%e5%a2%9e%e6%96%87%e7%ab%a0%e7%89%88%e6%9c%ac%e6%8e%a7%e5%88%b6%e5%8a%9f%e8%83%bd/feed/</wfw:commentRss>
		<slash:comments>3</slash:comments>
		</item>
		<item>
		<title>WordPress Plugin: SyntaxHighlighter</title>
		<link>http://blog.yoren.info/2008/02/wordpress-plugin-syntaxhighlighter/</link>
		<comments>http://blog.yoren.info/2008/02/wordpress-plugin-syntaxhighlighter/#comments</comments>
		<pubDate>Fri, 08 Feb 2008 15:46:20 +0000</pubDate>
		<dc:creator>yoren</dc:creator>
				<category><![CDATA[blog plus]]></category>
		<category><![CDATA[code]]></category>
		<category><![CDATA[plugins]]></category>
		<category><![CDATA[syntax]]></category>
		<category><![CDATA[WordPress]]></category>

		<guid isPermaLink="false">http://blog.yoren.info/2008/02/08/490/</guid>
		<description><![CDATA[
這次更新WordPress的時候也安裝了這個外掛：SyntaxHighlighter，一樣是speckyboy介紹的。它和之前使用的Google Code Prettify相較之下的優點在於可以顯示行號，並且在Option內還可以作以下項目的設定：


Supported languages: 可選擇要支援的程式語言。
Textarea Cols / Rows: 可設定文字區域的尺寸。
Make the Textbox Collapsible? 原始碼是否要預設為展開。
Hide Controls on top? 是否關閉上方的控制項目（包括純文字顯示、列印）。
Hide Gutter? 是否隱藏左側行號。
Hide Columns? 是否隱藏上方的欄位號。

有別於Google Code Prettify採用將html元素pre或code加上樣式的作法，SyntaxHighlighter的用法是[ source: 程式語言名稱]程式碼[/source]，在前端會將程式碼顯示在textarea裡面，樣式的設定也很簡單明瞭。是一個值得安裝的外掛。
]]></description>
			<content:encoded><![CDATA[<p><a href="http://www.flickr.com/photos/yoren/2250007149/" title="Flickr 上 yoren 的 2008-02-08_2307"><img src="http://farm3.static.flickr.com/2292/2250007149_518c06b107.jpg" width="500" height="157" alt="2008-02-08_2307" /></a></p>
<p>這次更新<span class='bm_keywordlink'><a href="http://wordpress.org">WordPress</a></span>的時候也安裝了這個外掛：<a href="http://erik.range-it.de/wordpress/plugins/syntaxhighlighter/">SyntaxHighlighter</a>，一樣是<a href="http://speckyboy.com/2008/01/26/top-30-wordpress-plugins-that-are-actually-useful/">speckyboy</a>介紹的。它和之前使用的<a href="http://blog.yoren.info/2007/03/22/450/">Google Code Prettify</a>相較之下的優點在於<strong>可以顯示行號</strong>，並且在Option內還可以作以下項目的設定：</p>
<p><a href="http://www.flickr.com/photos/yoren/2250015181/" title="Flickr 上 yoren 的 2008-02-08_2313"><img src="http://farm3.static.flickr.com/2348/2250015181_0ccf9b75de.jpg" width="500" height="254" alt="2008-02-08_2313" /></a></p>
<ul>
<li>Supported languages: 可選擇要支援的程式語言。</li>
<li>Textarea Cols / Rows: 可設定文字區域的尺寸。</li>
<li>Make the Textbox Collapsible? 原始碼是否要預設為展開。</li>
<li>Hide Controls on top? 是否關閉上方的控制項目（包括純文字顯示、列印）。</li>
<li>Hide Gutter? 是否隱藏左側行號。</li>
<li>Hide Columns? 是否隱藏上方的欄位號。</li>
</ul>
<p>有別於<span class='bm_keywordlink'><a href="http://www.google.com">Google</a></span> Code Prettify採用將html元素pre或code加上樣式的作法，SyntaxHighlighter的用法是<code>[ source: 程式語言名稱]程式碼[/source]</code>，在前端會將程式碼顯示在textarea裡面，樣式的設定也很簡單明瞭。是一個值得安裝的外掛。</p>
]]></content:encoded>
			<wfw:commentRss>http://blog.yoren.info/2008/02/wordpress-plugin-syntaxhighlighter/feed/</wfw:commentRss>
		<slash:comments>3</slash:comments>
		</item>
		<item>
		<title>Museumr：人人都可以開攝影個展</title>
		<link>http://blog.yoren.info/2007/03/museumr%ef%bc%9a%e4%ba%ba%e4%ba%ba%e9%83%bd%e5%8f%af%e4%bb%a5%e9%96%8b%e6%94%9d%e5%bd%b1%e5%80%8b%e5%b1%95/</link>
		<comments>http://blog.yoren.info/2007/03/museumr%ef%bc%9a%e4%ba%ba%e4%ba%ba%e9%83%bd%e5%8f%af%e4%bb%a5%e9%96%8b%e6%94%9d%e5%bd%b1%e5%80%8b%e5%b1%95/#comments</comments>
		<pubDate>Thu, 29 Mar 2007 12:36:13 +0000</pubDate>
		<dc:creator>yoren</dc:creator>
				<category><![CDATA[blog plus]]></category>

		<guid isPermaLink="false">http://blog.yoren.info/2007/03/29/454/</guid>
		<description><![CDATA[
Museumr是dumpr.net推出的小玩具，可以將使用者的照片嵌入特定的畫面中，製造此照片正在美術館展覽中的效果，頗為有趣。
進入網站後，使用者可以透過4種方式，選擇要提供給Museumr的照片：

Flickr：登入自己的Flickr帳號，並授權dumpr.net使用帳號中的照片。完成授權後，回到Museumr的頁面中，會顯示所有在Flickr的照片，點選自己喜歡的照片即可。
Web2.0 Mashup：輸入存放在4種web2.0服務中的照片網頁網址（包括MySpace、Flickr、Picasa、Zooomr）。
URL：直接輸入照片檔案的網址。
Upload：將要使用的照片上傳到dumpr.net。


接下來，只要從上列4個展覽場地中，挑選一個喜歡的就可以了（第二個場地會產生黑白照片）。按下「Continue」後，使用者會得到合成後的照片，並可選擇「Upload to Flickr」、「Share / Blog / MySpace」、「Print」等不同方式來分享成品。
我用的這張人臉裝置的照片，拍攝自台南安平延平老街巷內的兩年老店怪A陶店門口。真是個好玩的店，推薦有到安平的人一定要造訪喔。[via yyq123@del.icio.us]
]]></description>
			<content:encoded><![CDATA[<p><a href="http://www.flickr.com/photos/yoren/438570047/" title="Photo Sharing"><img src="http://farm1.static.flickr.com/156/438570047_c0a17bbcb2.jpg" width="500" height="375" alt="Fun with Museumr" /></a></p>
<p><a href="http://www.dumpr.net/museumr.php">Museumr</a>是<a href="http://www.dumpr.net/">dumpr.net</a>推出的小玩具，可以將使用者的照片嵌入特定的畫面中，製造此照片正在美術館展覽中的效果，頗為有趣。</p>
<p>進入網站後，使用者可以透過4種方式，選擇要提供給Museumr的照片：
<ol>
<li><span class='bm_keywordlink'><a href="http://www.flickr.com">Flickr</a></span>：登入自己的<span class='bm_keywordlink'><a href="http://www.flickr.com">Flickr</a></span>帳號，並授權dumpr.net使用帳號中的照片。完成授權後，回到Museumr的頁面中，會顯示所有在<span class='bm_keywordlink'><a href="http://www.flickr.com">Flickr</a></span>的照片，點選自己喜歡的照片即可。</li>
<li>Web2.0 Mashup：輸入存放在4種web2.0服務中的照片網頁網址（包括MySpace、<span class='bm_keywordlink'><a href="http://www.flickr.com">Flickr</a></span>、Picasa、Zooomr）。</li>
<li>URL：直接輸入照片檔案的網址。</li>
<li>Upload：將要使用的照片上傳到dumpr.net。</li>
</ol>
<p><a href="http://www.flickr.com/photos/yoren/438587368/" title="Photo Sharing"><img src="http://farm1.static.flickr.com/174/438587368_557078b0bf.jpg" width="500" height="123" alt="Museumr" /></a><br />
接下來，只要從上列4個展覽場地中，挑選一個喜歡的就可以了（第二個場地會產生黑白照片）。按下「Continue」後，使用者會得到合成後的照片，並可選擇「Upload to <span class='bm_keywordlink'><a href="http://www.flickr.com">Flickr</a></span>」、「Share / Blog / MySpace」、「Print」等不同方式來分享成品。</p>
<p>我用的這張人臉裝置的照片，拍攝自台南安平延平老街巷內的兩年老店<a href="http://web.tnnua.edu.tw/~g910905/">怪A陶</a>店門口。真是個<a href="http://www.flickr.com/photos/yoren/tags/%E6%80%AAa%E9%99%B6/">好玩</a>的店，推薦有到安平的人一定要造訪喔。[via <a href="http://del.icio.us/yyq123/">yyq123@del.icio.us</a>]</p>
]]></content:encoded>
			<wfw:commentRss>http://blog.yoren.info/2007/03/museumr%ef%bc%9a%e4%ba%ba%e4%ba%ba%e9%83%bd%e5%8f%af%e4%bb%a5%e9%96%8b%e6%94%9d%e5%bd%b1%e5%80%8b%e5%b1%95/feed/</wfw:commentRss>
		<slash:comments>5</slash:comments>
		</item>
		<item>
		<title>在WP的文章中執行javascript</title>
		<link>http://blog.yoren.info/2007/03/%e5%9c%a8wp%e7%9a%84%e6%96%87%e7%ab%a0%e4%b8%ad%e5%9f%b7%e8%a1%8cjavascript/</link>
		<comments>http://blog.yoren.info/2007/03/%e5%9c%a8wp%e7%9a%84%e6%96%87%e7%ab%a0%e4%b8%ad%e5%9f%b7%e8%a1%8cjavascript/#comments</comments>
		<pubDate>Sat, 10 Mar 2007 17:03:04 +0000</pubDate>
		<dc:creator>yoren</dc:creator>
				<category><![CDATA[blog plus]]></category>
		<category><![CDATA[javascript]]></category>
		<category><![CDATA[WordPress]]></category>

		<guid isPermaLink="false">http://blog.yoren.info/2007/03/11/448/</guid>
		<description><![CDATA[很久以前曾經介紹過一個線上投票系統Quimble，前幾天在翻文章時，突然發現本來貼在上面的javascript檔案沒有被執行，以致於投票畫面沒有顯示出來。我也不清楚WordPress是從什麼時候開始，會在連結javascript檔案的語法上動手腳，使它們無法執行。不過至少從官方論壇找到了解決方案：

不要使用所見即所得編輯器：這個我是原本就沒有用。從Users &#8211; Your Profile標籤 &#8211; 取消勾選「Use the visual editor when writing」。
不要讓WP主動修改你的程式碼：用了這個就好了。從Options &#8211; Writing &#8211; 取消勾選Formatting的「WordPress should correct invalidly nested XHTML automatically」。

以上是在WP2.1.2內的操作方式。
]]></description>
			<content:encoded><![CDATA[<p>很久以前曾經介紹過一個線上投票系統<a href="http://blog.yoren.info/2006/05/24/393/">Quimble</a>，前幾天在翻文章時，突然發現本來貼在上面的javascript檔案沒有被執行，以致於投票畫面沒有顯示出來。我也不清楚<span class='bm_keywordlink'><a href="http://wordpress.org">WordPress</a></span>是從什麼時候開始，會在連結javascript檔案的語法上動手腳，使它們無法執行。不過至少從官方論壇找到了<a href="http://wordpress.org/support/topic/77376">解決方案</a>：
<ol>
<li>不要使用所見即所得編輯器：這個我是原本就沒有用。從Users &#8211; Your Profile標籤 &#8211; 取消勾選「Use the visual editor when writing」。</li>
<li>不要讓WP主動修改你的程式碼：用了這個就好了。從Options &#8211; Writing &#8211; 取消勾選Formatting的「<span class='bm_keywordlink'><a href="http://wordpress.org">WordPress</a></span> should correct invalidly nested XHTML automatically」。</li>
</ol>
<p>以上是在WP2.1.2內的操作方式。</p>
]]></content:encoded>
			<wfw:commentRss>http://blog.yoren.info/2007/03/%e5%9c%a8wp%e7%9a%84%e6%96%87%e7%ab%a0%e4%b8%ad%e5%9f%b7%e8%a1%8cjavascript/feed/</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
	</channel>
</rss>
