上面這一篇是透過 dp.SyntaxHighlighter 在 client 端完成語法上色的。事實上要做程式碼的語法上色有很多其他方式,如果你偏好用黑色背景來顯示的程式碼,可以試試看這一套線上工具 Online syntax highlighting,除了支持各式各樣的程式語言外,還有很多種佈景主題喔,在線上就可以幫你把程式碼轉成 HTML 的格式,試試看黑色的效果如何:
<script type="text/javascript">
function doSomething(e) {
var keynum;
var keychar;
var numcheck;
if (window.event) {
keynum = e.keyCode;
} else if (e.which) {
keynum = e.which;
}
keychar = String.fromCharCode(keynum);
alert(keychar);
}
</script>
此外,如果你熟悉 Vim,可以安裝 2html.vim 這個 plugin,就可以把程式碼給轉成 HTML 格式,詳情請參考這篇部落格文章:
Syntax highlighting on this blog using semantic tags and Vim
如果上述的工具都不合用,也有專門產生高亮語法的工具軟體,可以批次或處理大量的程式碼,只要透過 Google 搜尋一下 Syntax Highlight 相關字詞應該不難找到,希望大家都有個美麗的程式人生~ |