##title##

2010年12月23日

SyntaxHighlighter

在戴德大大的協助下,SyntaxHighlighter終於成功了。

檔案用SyntaxHighlighter 1.5.1才行,因為戴德用的應該是1.5.1版本的語法,在官網下載的都沒用...。

如果前幾行是語法的話,可能會和繼續閱讀功能衝突。如果原本繼續閱讀的行數是語法,繼續閱讀就不會出來。

如果有需要舊版的話,這裡是SyntaxHighlighter 1.5.1下載點

想試試的,使用方法如下:

在<head>和</head>之間插入以下語法。(要用哪些js也可以視自己的狀況增減上傳數量)


<link href='link/SyntaxHighlighter.css' rel='stylesheet' type='text/css'/>
<script language='javascript' src='link/shCore.js'></script>
<script language='javascript' src='link/shBrushCSharp.js'></script>
<script language='javascript' src='link/shBrushXml.js'></script>
<script language='javascript' src='link/shBrushJScript.js'></script>
<script language='javascript' src='link/shBrushSql.js'></script>
<script language='javascript' src='link/shBrushCpp.js'></script>
<script type='text/javascript'>
$(document).ready(function(){
dp.SyntaxHighlighter.ClipboardSwf = 'link/clipboard.swf';
dp.SyntaxHighlighter.BloggerMode();
dp.SyntaxHighlighter.HighlightAll('code');
});
</script>


然後文章只要加入。



這邊是內文



這麼一來語法就整齊又漂亮啦!


PS:
1.有支援哪些語法,詳情可參考官網

2.如果js無法正常使用,你可用下面語法:

<script src='link/jquery.min.js' type='text/javascript'/>

jQuery 1.2.6下載處

2 則留言: