[ASP.NET] 在Google Blog貼程式碼(使用SyntaxHighlighter)

1. 登入 > 設計 > 範本,選 "修改HTML"



2. 在</head>上面貼上下列程式碼:


<link href='http://alexgorbatchev.com/pub/sh/2.1.382/styles/shCoreDefault.css' rel='stylesheet' type='text/css'/>
<link href='http://alexgorbatchev.com/pub/sh/2.1.382/styles/shCore.css' rel='stylesheet' type='text/css'/>
<link href='http://alexgorbatchev.com/pub/sh/2.1.382/styles/shThemeDefault.css' rel='stylesheet' type='text/css'/>
<script src='http://alexgorbatchev.com/pub/sh/2.1.382/scripts/shCore.js' type='text/javascript'/>
<script src='http://alexgorbatchev.com/pub/sh/2.1.382/scripts/shBrushCSharp.js' type='text/javascript'/>
<script src='http://alexgorbatchev.com/pub/sh/2.1.382/scripts/shBrushXml.js' type='text/javascript'/>
<script src='http://alexgorbatchev.com/pub/sh/2.1.382/scripts/shBrushJScript.js' type='text/javascript'/>
<script src='http://alexgorbatchev.com/pub/sh/2.1.382/scripts/shBrushSql.js' type='text/javascript'/>


<script type='text/javascript'> SyntaxHighlighter.config.bloggerMode = true; SyntaxHighlighter.all(); </script>

4. 儲存範本 > 關閉


舉例在文章中如何使用:
1. 新文章 ,切換到HTML編輯
2. 貼入下列程式碼(以C#為例):
<pre class="brush: csharp">
protected void Page_Load(object sender, EventArgs e)
{
if (!Page.IsPostBack)
{
//程式開始...
Response.Write("Hello!!");
}
}
</pre>


這樣應該就可以了。

參考資料:
  1. http://alexgorbatchev.com/SyntaxHighlighter/
    (SyntaxHighlighter官網,上面有詳細使用說明。)
  2. http://alexgorbatchev.com/SyntaxHighlighter/manual/brushes/
    (程式碼語法的js檔及<pre Class名稱對應表。)

留言

這個網誌中的熱門文章

[MS SQL] 使用PIVOT 做兩個欄位的交叉分析(動態欄位)

[ASP.NET] Gridview動態增加欄位與Null值處理

[MS SQL] 將輸入的時間(分、秒)轉換成中文時間的函數