alert("大家好,這是SyntaxHighlighter的DEMO!");


因為我有時候會放一些程式碼在blog裡面,可是呈現的字體還蠻醜的,既沒有monospace,也沒有好看的syntax highlight,實在是醜到不行呀!!!所以我這兩天找了一些資料,希望可以在blog上放程式碼的時候,既有monospace又有syntax highlight,於是我找到了SyntaxHighlighter

SyntaxHighlighter是一個純js的syntax highlight工具,它支援了一拖拉庫的程式語言一堆超好看的佈景主題,而且只要把它的css和js放到網頁中,再寫一行程式碼





然後記得要把你的程式碼放到<pre>裡面,就像下面這個樣子



alert("大家好,這是SyntaxHighlighter的DEMO!");



就大功告成啦!喜歡寫程式的大家,也快點來試試看喔。

參考資料:
SyntaxHighlighter - Alex Gorbatchev
等寬字體 - 維基百科,自由的百科全書
Syntax highlighting - Wikipedia, the free encyclopedia
SyntaxHighlighter:Brushes - Alex Gorbatchev
SyntaxHighlighter:Themes - Alex Gorbatchev
arrow
arrow
    全站熱搜

    kewang 發表在 痞客邦 留言(0) 人氣()