Pages

2008年8月1日星期五

如果在Blogger post程式碼

大家可能會發覺於Blogger中無法post HTML tag或其他程式碼,原因是blogger的所見所得編輯器 (WYSIWYG Editor)會自動將 "<", ">" 等等這些特別字元過慮之故,其中一個解決方法是使用 syntaxhighlighter 這個javascript:

Step 1 - 修改Blogger Template:
  1. 先下載 syntaxhighlighter
  2. 解壓後將當中的 SyntaxHighlighter.css, shCore.js, 所有shBrushxxx.js (xxx為任何字元)的檔案上載到網上空間(如Googlepages)
  3. 回到Blogger管理頁面,選取 版面設置、修改 HTML
  4. 在程式碼 <!-- 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>
  1. 將"Cpp"改成你想格式化的程式碼類型,可選類型包括Cpp, CSharp, JScript, Css, Delphi, Java, Php, Ruby, Sql, Vb, Xml
  2. 將所post程式碼當中的 "<"、">" 分別轉作 &lt; 及 &gt;
  3. 於 <!--貼上程式碼--> 的位置以先前經修改的程式碼取代之


測試C++程式碼及SQL:
#include 
using 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