[Blogger] 用 SyntaxHighlighter 在 Blogger 分享程式碼

最近開始想要用 Blogger 寫一些東西，因為也會紀錄一些學習上的筆記，當然就會寫到程式碼的部分，所以就找了一下有什麼可以方便分享程式碼的工具。

後來就找到了 SyntaxHighlighter 這款，分享程式碼的話我覺得要有顏色蠻重要的，而這款套件預設的主題跟 Notepad++ 的風格還蠻像的，當然也有其他的主題可以更換。

當初要用到 Blogger 中，也花了點時間找了一下資料，所以這邊就順便紀錄一下囉。

Step.1

進到 Blogger 之後選擇 範本 > 編輯 HTML 在開始編輯前可以先儲存範本。

Step.2
搜尋到 </head> 的部分，並將下列的程式碼貼在上方。

這時候就可以試試看了，下面有個簡單的例子。
Source:

 
    function hello(){
        var hello = "Hello World!!";
        alert(hello);
    }

Result:

 
    function hello(){
        var hello = "Hello World!!";
        alert(hello);
    }

若想到知道更詳細的部分，可以到 SyntaxHighlighter 的官網去瞧瞧。
點我去官網