線上程式碼語法高亮產生器 - Online syntax highlighting SyntaxHighlighting

wmh

你可以在這邊輸入你的程式碼，選擇語法種類再按下「幫我上色」的按鈕就可以得到有色彩顯示的程式碼囉。
<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>
JavaScript C++ C# CSS Delphi HTML、XML Java PHP Python Ruby SQL Visual Basic

有了程式碼高亮產生器之後，你的人生就不再是黑白了！上色後的程式碼可以複製到 Word、PowerPoint 裡面，或是任何 Google 線上的WYSIWYG 編輯器內，像是 Google Docs 或 Google Sites，從此文件內的程式碼都是漂漂亮亮的喔！

wmh

上面這一篇是透過 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 相關字詞應該不難找到，希望大家都有個美麗的程式人生～