使用sytaxHighlighter實現在Blogger放入程式碼
使用sytaxHighlighter實現在Blogger放入程式碼
public static void main(String[] args){
System.out.println("吃水果");
}
開這個網址目的，就單純只是想寫程式時可以方便筆記
而且之前在練習程式時，參考過不少網路上神人的blog
看到程式碼的部份一目了然，實在覺得~哇~太方便了
沒想到自已跳下來寫，光是「如何在blog正確的顯示程式碼」
就快卡死我了，對javascript見解太少，有關網路方面的
接觸不多，看來以後是倒是個可以努力的方向XD
在google中搜尋「blogger 程式碼」就會有很多解法
我參考2種：
Google Code Prettify
及
SyntaxHighlighter 官網
http://alexgorbatchev.com/SyntaxHighlighter/比較喜歡第2種的表現方式，而第2種也有二個作法實現：
壹：自創
一、至官網下載對壓縮檔
二、申請網路空間，並放上必要的檔案
三、在blogger裡編輯「範本」插入javascript
四、實作測試
貳：連結官網提供的檔案
一、不用下載，在blogger編輯範本插入對應的javascript
二、實作測試
試過第一個，不知道為何怎麼都跳不出效果，最後決定
用官方提供的來實現，以下就以第二種方式說明
如上，選取後跳出編輯視窗，在<head> </head> 之間插入
特別注意的是，</link>不知道為什麼顯示不出來，記得自已加
如此一來，就可以在編輯時用html來調用這個格式
在使用時注意四點：
一、使用時方法要放在 <div> </div> 容器之中
二、要將程式語言放入<pre class = "程式代碼"> </pre>之間
三、「程式代碼」可參考官網，輸入Brush aliases 的代碼就可以用了
http://alexgorbatchev.com/SyntaxHighlighter/manual/brushes/
四、使用時有可能會慢一點顯示，等一下就好
以上是我實現程式碼在Blogger的方式，參考了Eddie大的資料
http://ced0719.blogspot.tw/2012/12/blogger-syntaxhighlighter.html
小弟由衷感謝。
留言
張貼留言