網頁上展示程式碼的轉換工具---Postable

Postable Making your code friendly

在寫有關一些Hacks語法或是展現小工具時，通常會碰到要將程式碼顯示在部落格上，譬如很多Blog-parts部落格小玩意，通常以Java Script或是embed語法寫的，我們想將語法分享給更多人知道時，這時就要展示程式碼給讀者看，如果常用的人應該知道，就是將特殊符號 < 與 > 改成&lt;及&gt;。

通常我的作法是在Word裡面貼上語法，然後用全部取代的方式將 <改成&lt;，有的人則是直接利用全形符號，然後提醒讀者將全形＜改成半形<，這些都是可以利用的方式，很多初入門的格主因為不懂得這些語法應用，就直接把語法貼在編輯文章裡，但是網頁出來的卻是Java Script呈現的效果，而沒法展示語法，感到頭痛，查詢Google後通常就是使用我上面的方式，當然也有比較專門的程式，或其他方法，目前我覺得這個最方便。

比如我要將一張汽車月曆貼紙的，分享語法給大家


如何使用呢，連上Postable網頁，將語法貼上，然後按下make it friendly就會產生程式碼



Free Blog Content

程式碼裡要改的特殊符號很多吧，如果使用Postable不用三秒就可得到程式碼，如下

這就是我們要的程式碼，再用你自己設計的code碼將他框住即可，至於程式碼區的設計可以參考，[筆記]在文章裡顯示優質的程式碼區
<!-- FREE-BLOG-CONTENT.com -->
<br><center><iframe src="http://www.free-blog-content.com/Calendars/calendar00061.htm" width="162" height="228"
marginwidth="0" marginheight="0" frameborder="no" scrolling=no allowtransparency="true"></iframe></center>
<center><a style="font-size: 3mm" href="http://www.free-blog-content.com/">Free Blog Content</a></center></br>
這樣不是很方便又美觀嗎?

在Blogger 新手基本技巧問答（四），有提到如何顯示特殊字元？
在這裡輸入某些特殊字元也可以顯示出來相對應的程式碼，不過不是全部的，也可以運用看看。