Creative Commons License
發卡布洛 所有內容 採用
創用 CC 姓名標示-非商業性-禁止改作 2.5 台灣 授權條款授權.

之前一直以為syntaxhighlighter2.0要付費才能下載使用,今天才在海芋大大的噗浪看到原來syntaxhighlighter2.0可以免費下載,使用blogger的網友可以參考海芋大大的這篇教學使用:
在 Blogger 中插入美觀的程式碼 ~ 使用syntaxhighlighter 2.0 實戰

而痞客邦的安裝方法基本上也是大同小異的,請參考海芋大大的教學,把整個程式碼載下來,放在自己的主機中,然後再到blog中加入程式碼,由於我不太喜歡在<body>內把Style引入,所以直接將Style在CSS中做引入,請在CSS最上方加入(其中yourhost為你的主機網址):

@import url("yourhost/styles/shCore.css");
@import url("yourhost/styles/shThemeDefault.css");
接著,在痞客邦的側邊欄位或是公告欄位中,加入以下程式碼,就完成囉!
(當然如果你不需要用到這麼多的話,不用把全部的語言都引入,引入太多檔案是會耗讀取時間的。)
<script type="text/javascript" src="yourhost/scripts/shCore.js"></script>
<script type="text/javascript" src="yourhost/scripts/shBrushBash.js"></script>
<script type="text/javascript" src="yourhost/scripts/shBrushCpp.js"></script>
<script type="text/javascript" src="yourhost/scripts/shBrushCSharp.js"></script>
<script type="text/javascript" src="yourhost/scripts/shBrushCss.js"></script>
<script type="text/javascript" src="yourhost/scripts/shBrushDelphi.js"></script>
<script type="text/javascript" src="yourhost/scripts/shBrushDiff.js"></script>
<script type="text/javascript" src="yourhost/scripts/shBrushGroovy.js"></script>
<script type="text/javascript" src="yourhost/scripts/shBrushJava.js"></script>
<script type="text/javascript" src="yourhost/scripts/shBrushJScript.js"></script>
<script type="text/javascript" src="yourhost/scripts/shBrushPhp.js"></script>
<script type="text/javascript" src="yourhost/scripts/shBrushPlain.js"></script>
<script type="text/javascript" src="yourhost/scripts/shBrushPython.js"></script>
<script type="text/javascript" src="yourhost/scripts/shBrushRuby.js"></script>
<script type="text/javascript" src="yourhost/scripts/shBrushScala.js"></script>
<script type="text/javascript" src="yourhost/scripts/shBrushSql.js"></script>
<script type="text/javascript" src="yourhost/scripts/shBrushVb.js"></script>
<script type="text/javascript" src="yourhost/scripts/shBrushXml.js"></script>
<script type="text/javascript">
SyntaxHighlighter.config.clipboardSwf = 'yourhost/scripts/clipboard.swf';
SyntaxHighlighter.all();
</script>

最後,就可使用以下語法在痞客邦中使用語法高亮效果囉(brush:語言類別)

<pre class="brush: css;">
這裡放置語法內容
</pre>

bshadow 發表在 痞客邦 PIXNET 留言(2) 人氣()


留言列表 (2)

發表留言
  • 菲菲
  • 直接將Style在CSS中做引入
    意指痞客後台的CSS樣式表嗎?

    話說我不太喜歡那個綠色迴轉箭頭圖案耶...
    感覺畫面變得有點複雜呵呵

    最近在迷Facebook
    等有空我再來換新版好了 ^^
  • >意指痞客後台的CSS樣式表嗎?
    yes

    >話說我不太喜歡那個綠色迴轉箭頭圖案耶...
    修改CSS是可以拿掉的

    >最近在迷Facebook
    呵,我最近也都在玩臉書。

    bshadow 於 2009/07/17 14:56 回覆

  • 悄悄話

您尚未登入,將以訪客身份留言。亦可以上方服務帳號登入留言

請輸入暱稱 ( 最多顯示 6 個中文字元 )

請輸入標題 ( 最多顯示 9 個中文字元 )

請輸入內容 ( 最多 140 個中文字元 )

請輸入左方認證碼:

看不懂,換張圖

請輸入驗證碼