以往想要在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 以下(含),請參考舊網站
沒有留言:
張貼留言