2014年10月10日 星期五

設定SyntaxHighlighter讓Blogger可以貼上程式碼

最近開始在Blogger上貼程式碼,但又希望它呈現的方式跟一般IDE介面一樣,Google了許久,最後選定了SyntaxHighlighter做為解決方案。參考官網上的安裝方式,開啟Blogger的範本,按下編輯HTML~

將以下程式碼加入在"</head>"之前
將以下程式碼加入在"</body>"之前



建立新文章時以HTML頁面鍵入"<pre></pre>",中間貼入置你的程式碼,以下是我常用的類型~
類型1:
<pre class="brush: csharp">
...your code
</pre>

類型2:
<pre class="brush: vbnet">
...your code
</pre>

類型3:
<script type="syntaxhighlighter" class="brush: javascript; html-script: true"><![CDATA[
...your code
]]></script>

類型4:
<pre class="brush: javascript; html-script: true">
...your code
</pre>

沒有留言:

張貼留言