網頁

2012年7月13日 星期五

SyntaxHighlighter @ Google Blog

有時在文章內會貼上一些程式碼的原始碼,直接貼上 source code 在文章內,看起來不是很漂亮,此時可以使用 SyntaxHighlighter 套件,可以將這些需要的檔案放在自己的主機上,也可以選擇考慮放在 Google 協作平台內 (放 google 協作平台的作法)。

使用的方法,觀看 Blog及Google Blogger使用SyntaxHighlighter(高亮度語法)的方法Google Blogger 中使用 SyntaxHighlighter 3.0.83 ,這兩篇文章的說明就可以了解該如何實作。

目前我僅放 javascript and Php 兩種模式而已,有需要再新增即可。

SyntaxHighligher 目前支援的語言程式碼清單可見 Bundled Brushes 列表。
  • 使用方式:要呈現的原始碼之前加入<pre class="brush:js"> </pre> 標籤即可。
DEMO Script
 
line 1
line 2
line 3
line 4
line 5
line 6

沒有留言:

張貼留言