2013年10月5日 星期六

使用 SyntaxHighlighter 為 Blogger 加入程式碼區塊

查了一下關於為 Blogger 加入程式碼區塊的功能,其實有滿多套件與做法可用,最後決定用 SyntaxHighlighter 來處理這個問題。
  1. 進入網誌,範本→編輯 HTML
  2. 在 </head> 前面加入以下的程式碼後儲存範本
     
    
    
    
    
    
接可以在撰寫文章時切到 HTML ,使用 pre tag 包住程式碼
 
 
    function abc(){
        alert('abc');
    }

SyntaxHighlighter 支援許多語言高亮顯示,可參考以下連結
http://alexgorbatchev.com/SyntaxHighlighter/manual/brushes/

沒有留言:

張貼留言