Step 1 - 修改Blogger Template:
- 先下載 syntaxhighlighter
- 解壓後將當中的 SyntaxHighlighter.css, shCore.js, 所有shBrushxxx.js (xxx為任何字元)的檔案上載到網上空間(如Googlepages)
- 回到Blogger管理頁面,選取 版面設置、修改 HTML
- 在程式碼 <!-- end outer-wrapper -- > 後加入:
<link href='你上載的網址/SyntaxHighlighter.css' rel='stylesheet' type='text/css'/>
<script language='javascript' src='你上載的網址/shCore.js'/>
<script language='javascript' src='你上載的網址/shBrushCSharp.js'/>
<script language='javascript' src='你上載的網址/shBrushCss.js'/>
<script language='javascript' src='你上載的網址/shBrushCpp.js'/>
<script language='javascript' src='你上載的網址/shBrushDelphi.js'/>
<script language='javascript' src='你上載的網址/shBrushJava.js'/>
<script language='javascript' src='你上載的網址/shBrushJScript.js'/>
<script language='javascript' src='你上載的網址/shBrushPhp.js'/>
<script language='javascript' src='你上載的網址/shBrushPython.js'/>
<script language='javascript' src='你上載的網址/shBrushRuby.js'/>
<script language='javascript' src='你上載的網址/shBrushSql.js'/>
<script language='javascript' src='你上載的網址/shBrushVb.js'/>
<script language='javascript' src='你上載的網址/shBrushXml.js'/>
<script language='javascript'>
dp.SyntaxHighlighter.BloggerMode();
dp.SyntaxHighlighter.HighlightAll('code');
</script>
Step 2:在文章中要加入程式碼時,先選擇"修改Html"模式,加入以下語法:
lt;pre name="code" class="Cpp"> <!--貼上程式碼--> </pre>
- 將"Cpp"改成你想格式化的程式碼類型,可選類型包括Cpp, CSharp, JScript, Css, Delphi, Java, Php, Ruby, Sql, Vb, Xml
- 將所post程式碼當中的 "<"、">" 分別轉作 < 及 >
- 於 <!--貼上程式碼--> 的位置以先前經修改的程式碼取代之
測試C++程式碼及SQL:
#includeusing namespace std; void main() { }
select name, phone, selling from demo_people join demo_property on demo_people.pid = demo_property.pid;
ref:
posting source code in Blogger
syntaxhighlighter


0 回覆:
發佈留言