11月 08, 2009

SyntaxHighlighter金好用




俺自從退伍後~就幾乎會碰到coding類的東西,但寫了這麼久,好像沒有貼上blog過耶,看到這麼多人分享他們的東西,想想也應該是有點貢獻了(有機會讓別人幫我debug~),但該怎麼將落落長的程式貼上blogger呢??

感謝老外提供了我們很棒的方法...
SyntaxHighlighter

該如何弄個像這樣的程式碼在blogger上呢?


this is a test




甘丹啦~~
有兩個方案:1.用別人的空間 2.用自己的空間

1.別人的最好用:
根據官網的說法"there is a good blog explaining how to install on blogger is here"

小翻譯一下,貼那段落落長的程式碼在你blogger/版面配置/修改HTML 那邊
head標籤之前...就下班了,之後貼程式碼就把code加在pre那個標籤之間就ok囉~

<pre class="brush: html">
程式碼加在這就對了啦!!!
</pre>

當然如果你要跳脫出這個語法,打成文字的方式,可以連到Quick Escape,真的可以幫你非常Quick的去Escape這些程式碼對blogger造成的影響,畢竟這樣html語法才能給大家看到^^

比較要注意的是,可以依據不同程式碼的類型,設定不同Brush name,很爽的是他現在支援ActionScript囉^^



2. 自己的懶的用
老實說俺一直是很懶的免費主義者,"懶"和"免費"要取得平衡便是相當困難的事^^,通常懶得找方法,就會花點小錢,而不想花錢,就要會懂的找辦法解決...,SyntaxHighlighter其實官方那邊建議各位若要使用 SyntaxHighlighter 2.0 以上的版本時,記得要給作者實質上的鼓勵(donate),作者真的算頗客氣了,大家要知福惜福阿~至於如何將官方下載的一些元件,上傳到自己的空間並做連結呢?海芋小站有詳盡的介紹,我這裡還是簡單講一下就好,就如同第一個用別人的做法,只是裡面的連結變成自己的而已



<link href="http://你的網頁空間網址/SyntaxHighlighter.css" rel="stylesheet" type="text/css">
<script class="javascript" src="http://你的網頁空間網址/shCore.js"></script>
<script class="javascript" src="http://你的網頁空間網/shBrushCSharp.js"></script>
<script class="javascript" src="http://你的網頁空間網址/shBrushPhp.js"></script>
<script class="javascript" src="http://你的網頁空間網/shBrushJScript.js"></script>
<script class="javascript" src="http://你的網頁空間網址/shBrushJava.js"></script>
<script class="javascript" src="http://你的網頁空間網址/shBrushVb.js"></script>
<script class="javascript" src="http://你的網頁空間網址/shBrushSql.js"></script>
<script class="javascript" src="http://你的網頁空間網址/shBrushXml.js"></script>
<script class="javascript" src="http://你的網頁空間網/shBrushDelphi.js"></script>
<script class="javascript" src="http://你的網頁空間網/shBrushPython.js"></script>
<script class="javascript" src="http://你的網頁空間網址/shBrushRuby.js"></script> <script class="javascript" src="http://你的網頁空間網址/shBrushCss.js"></script>
<script class="javascript" src="http://你的網頁空間網址/shBrushCpp.js"></script>
<script class="javascript">
//<![CDATA[
dp.SyntaxHighlighter.ClipboardSwf = 'Scripts/clipboard.swf';
dp.SyntaxHighlighter.HighlightAll('code');
//]]>
</script>


當然首先先去官方下載檔案囉~然後把下載好的東西上傳到你找到的空間,例如Google的協作平台之類的...,剩下的就照上面跑就對了~

0 留個意見^^:

張貼留言

Related Posts with Thumbnails