如何在網誌中加入程式碼- 利用 SyntaxHighlighter 3.0.83

如何在部落格中加入程式碼區塊呢？

以下介紹Pixnet , Blogger也可以照做喔 

進痞客邦『管理後台』→『部落格管理』→『側邊欄位設定』→『頁尾描述』中輸入虛線內的以下程式碼︰
---------------------------------------------------------------------------------




<script type="text/javascript" src="http://alexgorbatchev.com/pub/sh/3.0.83/scripts/shCore.js"></script>
<script type="text/javascript" src="http://alexgorbatchev.com/pub/sh/3.0.83/scripts/shBrushJava.js"></script>

<script type="text/javascript" src="http://alexgorbatchev.com/pub/sh/3.0.83/scripts/shBrushCSharp.js"></script>

<script type="text/javascript" src="http://alexgorbatchev.com/pub/sh/3.0.83/scripts/shBrushCss.js"></script>

<script type="text/javascript" src="http://alexgorbatchev.com/pub/sh/3.0.83/scripts/shBrushDiff.js"></script>

<script type="text/javascript" src="http://alexgorbatchev.com/pub/sh/3.0.83/scripts/shBrushJScript.js"></script>

<script type="text/javascript" src="http://alexgorbatchev.com/pub/sh/3.0.83/scripts/shBrushPlain.js"></script>

<script type="text/javascript" src="http://alexgorbatchev.com/pub/sh/3.0.83/scripts/shBrushSql.js"></script>

<script type="text/javascript" src="http://alexgorbatchev.com/pub/sh/3.0.83/scripts/shBrushVb.js"></script>

<script type="text/javascript" src="http://alexgorbatchev.com/pub/sh/3.0.83/scripts/shBrushXml.js"></script>

<script type="text/javascript">

    SyntaxHighlighter.config.clipboardSwf = 'http://alexgorbatchev.com/pub/sh/3.0.83/scripts/clipboard.swf';

    SyntaxHighlighter.all();

</script>

<link type="text/css" rel="stylesheet" href="http://alexgorbatchev.com/pub/sh/3.0.83/styles/shCore.css"/>

<link type="text/css" rel="stylesheet" href="http://alexgorbatchev.com/pub/sh/3.0.83/styles/shThemeDefault.css" id="shTheme"/>




-------------------------------------------------------------------------------------------------------




當要貼上程式碼時，請進入html模式，並輸入以下格式︰




<pre class="brush:java">

//這裡輸入程式碼

</pre>




brush: 後面的內容為使用的是哪種程式語法，範例是Java語法，要用其他語法可參考下面列表。




Brush name	Brush aliases	File 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




-------------------------------------------------------------範例演示










public class AndroidDatePicker extends Activity {
private OnClickListener componentClickListener = new OnClickListener(){

  @Override
  public void onClick(View which) {
   switch(which.getId()){
   case (R.id.editText_origin_time):
    final Calendar c = Calendar.getInstance();
    //myYear = c.get(Calendar.YEAR);
    //myMonth = c.get(Calendar.MONTH);
    //myDay = c.get(Calendar.DAY_OF_MONTH);
    showDialog(ID_DATEPICKER);
    break;
   }
   
  }
  
 };