<pre class="brush: js;"> test = function() { var a = "trytry"; a.substring(1); alert(a); } </pre>
請問如何在Pixnet 上使用 syntaxhighlighter?
1. 登入 Pixnet 後請先進入管理後台。 2. 點擊左方表單中「部落格管理」--> 「側邊欄位設定」,此時右邊的畫面進入「側欄元件管理」 3. 在右邊畫面的中間一列可以看到「頁尾描述」區塊,點擊這個區塊中的「設定」鈕,開啟編輯畫面。 4. 在編輯畫面的「頁尾描述內容」的編輯框內輸入以下 HTML 程式碼 <link href="http://alexgorbatchev.com/pub/sh/current/styles/shCore.css" rel="stylesheet" type="text/css" /> <link href="http://alexgorbatchev.com/pub/sh/current/styles/shThemeDefault.css" rel="stylesheet" type="text/css" /> <script src="http://alexgorbatchev.com/pub/sh/current/scripts/shCore.js" type="text/javascript"></script> <script type="text/javascript" src="http://alexgorbatchev.com/pub/sh/current/scripts/shBrushCss.js"></script> <script type="text/javascript" src="http://alexgorbatchev.com/pub/sh/current/scripts/shBrushJava.js"></script> <script type="text/javascript" src="http://alexgorbatchev.com/pub/sh/current/scripts/shBrushJScript.js"></script> <script type="text/javascript" src="http://alexgorbatchev.com/pub/sh/current/scripts/shBrushPlain.js"></script> <script type="text/javascript" src="http://alexgorbatchev.com/pub/sh/current/scripts/shBrushSql.js"></script> <script type="text/javascript" src="http://alexgorbatchev.com/pub/sh/current/scripts/shBrushXml.js"></script> <script type='text/javascript'> SyntaxHighlighter.config.bloggerMode = true; SyntaxHighlighter.all(); </script> 上述的 HTML 程式碼中,shBrushXXX.js 是程式語言樣式,官網有提供不少程式碼樣式,可以挑你想要的來使用,在我的部落格裏,我只放了我常用的程式語言樣式,詳細的資料可以上官方看看 http://alexgorbatchev.com/SyntaxHighlighter/
謝謝你 我測試成功了
不用客氣囉 :)