轉自這邊

由於編輯器和系統換行功能會被自動加上一些不必要的原始碼,所以要將設定修改如下:

 

1. [部落格後台] => [部落格管理] => [基本/進階設定] => [預設文章編輯模式] => [純文字模式] 

2. [部落格後台] => [部落格管理] => [側邊欄位設定] => [頁尾描述] 下加入以下程式碼(依據所需的語言加入,參考下方列表) 

<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">SyntaxHighlighter.all()</script>
<script type="text/javascript" src="http://alexgorbatchev.com/pub/sh/current/scripts/shBrushPython.js"></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/shBrushJScript.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/shBrushVb.js"></script>
<script type="text/javascript" src="http://alexgorbatchev.com/pub/sh/current/scripts/shBrushXml.js"></script>



Brush nameBrush aliasesFile name
Bash/shell bash, shell shBrushBash.js
C# c-sharp, csharp shBrushCSharp.js
C++ cpp, c shBrushCpp.js
CSS css shBrushCss.js
Delphi delphi, pas, pascal shBrushDelphi.js
Diff diff, patch shBrushDiff.js
Groovy groovy shBrushGroovy.js
JavaScript js, jscript, javascript shBrushJScript.js
Java java shBrushJava.js
Perl perl, pl shBrushPerl.js
PHP php shBrushPhp.js
Plain Text plain, text shBrushPlain.js
Python py, python shBrushPython.js
Ruby rails, ror, ruby shBrushRuby.js
Scala scala shBrushScala.js
SQL sql shBrushSql.js
Visual Basic vb, vbnet shBrushVb.js
XML xml, xhtml, xslt, html, xhtml shBrushXml.js

3. 先進入GUI編輯器畫面撰寫完程式碼外的部分後存檔,再以純文字模式編輯文章補上程式碼部分。(第一次要先用GUI編輯器模式下存檔,否則要勾選[不要系統自動換行,建議插入影音、表格、活動貼紙、dreamweaver語法時勾選。])

4. 在要使用程式碼的地方使用 

<pre class="brush: html">
你的程式碼
</pre>

(重要)中間程式碼必須要進行HTML Encode之後,再貼進去以確保不會解析錯誤,可以利用這個HTML Encode Online

5. 可以從純文字模式切換到GUI編輯器,修改非程式碼部分,但不要從GUI編輯器畫面切換到純文字模式,否則內容會被修改掉。




arrow
arrow
    全站熱搜

    嘎抓強 發表在 痞客邦 留言(0) 人氣()