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 回覆:
發佈留言