2010年10月22日 星期五

[Blog] 如何在部落格美化張貼的程式碼



由於這個部落格就是要拿來當作Android程式的筆記 , 所以免不了得要在上面貼上許
多程式碼做註解 , 我遇到的第一個問題除了先熟悉一下Blogger的操作之外就是遇到
如何在文章內貼出漂亮的程式碼(純粹是格式漂亮 :p) , 幸好拜Google大神的幫忙 , 
找到了許多高手的相關文章 , 在這邊很感謝許多高手的無私分享 , 接著在這篇文章就
列出幾個整理:


首先對於這個問題 , 先找到網路上許多人使用的 SyntaxHighlighter
截至本篇文章發佈的時間為止 , 最新的版本是 3.0.83 至於使用的流程和方法


德瑞克:SQL Server 學習筆記 , 喬伊的天空 這兩篇網誌已
經寫得相當清楚了


小弟就不用在這邊獻醜了, 另外對於使用者想自訂configuration的話 ,官網的文章

裡面有許多參數設定的範例相當得清楚。


另外對於像我這種懶鬼來說 , Online syntax highlighting 相當的方便 , 如果現在
要在部落格貼上有Highlight效果的Java HelloWord! code , 只要簡單的幾個步驟:


首先進入網頁之後
                                         先在右邊選擇你要轉換的語言


                  接著在左邊貼上Java Hello World程式碼 , 然後按下Highlight按鈕




很快的Preview就會出現了




這個時候 HTML code也會產生 , 只要複製貼在文章編輯器即可使用。
可惜的是貼出的程式碼不會有Line Number的效果 , 因為他只是純粹的上色而已


在此感謝 Beyond those variables 提供那麼方便的方法~


另外使用Windows Live Writer 這個部落格文章編輯工具提供您多一個選擇
關於使用的方法 PCuSER 電腦人的文章寫得很清楚了


而Google也推出了 google-code-prettify Vixual 的文章中也詳細的說明了,
Vixual的部落格提供了許多關於Blogger的Tips , 對於我這種新手來說是一個很
棒的網站 : )



沒有留言:

張貼留言

Google Analytics