很多人都有在blog上面分享程式碼的經驗吧。有些人分享的程式碼沒有經過排版,很難看得懂並利用;有些人的程式碼有排好版,很美觀,也易於再利用(利用<pre>標籤)。但這時候,腦中會浮現一個「想要讓程式碼更漂亮」的念頭:希望程式馬可以有美美的色彩,就像自己的編輯器一樣。我想讀者們也一樣,喜歡看有美美程式碼的部落格吧?
如果你很幸運的,使用emacs當作你的日常編輯程式的話,有個現成的解決方案,叫做htmlize(請Google它,或點這裡)。它可以把你的程式碼,依照emacs的套色方式產生與其對應的html碼。你可以打開所產生的html碼,把相關的部份貼到你的部落格上,或者是像某神人一樣,寫出自訂的emacs lisp來直接輸出適合貼到部落格上的html碼,然後直接貼上。
htmlize有一個好處是,它產生的html碼可以搭配自訂的CSS。藉著使用自訂的CSS,你可以讓貼上的程式碼以你想要的色彩、背景顏色來呈現。
要使用htmlize, 在emacs環境下:
M-x htmlize-buffer
完成後,emacs會把所產生的html碼放到新的buffer中。此時,你可以把程式碼存起來,或者是剪貼相關的部份並且貼到部落格中。所謂相關的部份,是指<script type="text/css">
中的所有內容,以及<pre>
中的所有內容。
不知道美化的效果如何?各位讀者們可以參考:
讓程式碼變得美美的,心情也會變好呢!
沒有留言:
張貼留言