Ads 468x60px

##EasyReadMore##

31 8月, 2017

Blogger 中顯示 SyntaxHighlighter 程式語法高亮

在 <head> 到 </head> 之間加入以如下的 HTML 元素可顯示 C 的語法高亮度




裡頭第 5 行的「 shBrushCpp.js 」亦即上表中 C 的檔案名稱

如果要更改其他語言,就將「 shBrushCpp.js 」換成其他語言的檔名請參照下表

image
SyntaxHighlighter - Bundled Brushes - https://goo.gl/vA2T0

若要顯示多種語言的語法高亮度,則在 <script language='javascript'> 標籤之前加入其他的 <script /> 外連到其他語言的檔名即可。


文章內的程式碼部份,必須使用 <pre></pre> 成對標籤圍起來,同時以 class 屬性標明所顯示語言種類,如以下顯示 C 程式的語法高亮度

<pre class="brush: c" >
你的 C 程式碼
</pre>

class 屬性指定為 "brush: c" ,亦即指定 C 語言,若是其他語言就改成該語言的指定縮寫即可。

reference:

程式語言教學誌: SyntaxHighlighter 在 Blogger 的使用教學 - https://goo.gl/83BzUJ

0 意見:

張貼留言

 
Blogger Templates