[ASP.NET] 在Google Blog貼程式碼(使用SyntaxHighlighter)
1. 登入 > 設計 > 範本,選 "修改HTML"
4. 儲存範本 > 關閉
舉例在文章中如何使用:
1. 新文章 ,切換到HTML編輯
2. 貼入下列程式碼(以C#為例):
這樣應該就可以了。
參考資料:
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>
這樣應該就可以了。
參考資料:
- http://alexgorbatchev.com/SyntaxHighlighter/
(SyntaxHighlighter官網,上面有詳細使用說明。) - http://alexgorbatchev.com/SyntaxHighlighter/manual/brushes/
(程式碼語法的js檔及<pre Class名稱對應表。)
留言
張貼留言