星期日, 9月 05, 2010

SyntaxHighlighter

以往想要在Blogger紀錄自己寫程式的Code,都會因為排版閱讀問題而作罷,最近發現一個在Blogger上廣泛使用的JavaScript - SyntaxHighlighter,老實講我對CSS和JavaScript完全不懂,網路上雖然找到很多中文Blog文章,但我試不出來,索性就硬著頭皮去官方網站找資料,最後終於在網站裡找到 Adding a Syntax Highlighter to your Blogger blog (20140702 發現這連結已經失效,Orz)這篇,簡單易懂,一試就成功。

在文章中假如要貼上Code,請使用下列方式,languages請改成欲使用的aliases,aliases請參考Brushes
欲呈現的Code請放在這
在code的右上角發現一個綠色的問號,只要把toobar設成false就可以讓它消失
欲呈現的Code請放在這
官方網頁裡的Configuration裡還有提供其他的變化方式設定,每個設定也都有範例可以參考,可以依造你個人需求去變化,最後SyntaxHighlighter的效果一定要發佈文章後才看的見喔。

    官方網站
  • SyntaxHighlighter 2.0 以上(不含),請參考新網站
  • SyntaxHighlighter 2.0 以下(含),請參考舊網站

沒有留言:

張貼留言