彥霖 實驗筆記

Start Boot Strap : http://startbootstrap.com/template-categories/all/

一些免費一些付費，有前後台功能： http://startbootstrap.com/

http://placehold.it

先至 [ 管理後台 ] → [ 側邊欄位設定 ] → [ 頁尾描述 ] 貼上以下程式碼 ：

<script type="text/javascript" src="http://alexgorbatchev.com/pub/sh/3.0.83/scripts/shCore.js"></script>
<script type="text/javascript" src="http://alexgorbatchev.com/pub/sh/3.0.83/scripts/shBrushCSharp.js"></script>
<script type="text/javascript" src="http://alexgorbatchev.com/pub/sh/3.0.83/scripts/shBrushCss.js"></script>
<script type="text/javascript" src="http://alexgorbatchev.com/pub/sh/3.0.83/scripts/shBrushDiff.js"></script>
<script type="text/javascript" src="http://alexgorbatchev.com/pub/sh/3.0.83/scripts/shBrushJScript.js"></script>
<script type="text/javascript" src="http://alexgorbatchev.com/pub/sh/3.0.83/scripts/shBrushPlain.js"></script>
<script type="text/javascript" src="http://alexgorbatchev.com/pub/sh/3.0.83/scripts/shBrushSql.js"></script>
<script type="text/javascript" src="http://alexgorbatchev.com/pub/sh/3.0.83/scripts/shBrushVb.js"></script>
<script type="text/javascript" src="http://alexgorbatchev.com/pub/sh/3.0.83/scripts/shBrushXml.js"></script>
<script type="text/javascript" src="http://alexgorbatchev.com/pub/sh/3.0.83/scripts/shBrushJava.js"></script>
<script type="text/javascript">
SyntaxHighlighter.config.clipboardSwf = 'http://alexgorbatchev.com/pub/sh/3.0.83/scripts/clipboard.swf';
SyntaxHighlighter.all();
</script>
<link type="text/css" rel="stylesheet" href="http://alexgorbatchev.com/pub/sh/3.0.83/styles/shCore.css"/>
<link type="text/css" rel="stylesheet" href="http://alexgorbatchev.com/pub/sh/3.0.83/styles/shThemeDefault.css" id="shTheme"/>

這樣就完成了。接著發布文章(程式碼)前，請先把你的程式碼先經以下網址轉碼，程式碼排版才不會亂掉。

HTML 部落格轉碼 

http://www.string-functions.com/htmlencode.aspx

接著把轉碼後的程式碼貼製 pre 標籤裡面，如下：

<pre class="brush: html">

</pre>

如果你寫的是HTML則請把 brush 換成 html 如：brush: html

如果你寫的是JavaScript則請把 brush 換成 js如：brush: js

如果你寫的是C#則請把 brush 換成 js如：brush: csharp