Pages

2015-05-13

在Google Blogger高亮顯示程式碼

為了在Google Blogger上顯示高亮美化的程式碼片段,使用SyntaxHighlighter這js套件來達到以下的效果。

HL Demo

由於文章顯示是在Google Blogger上,設定的教學圖文步驟請看此文章: 「How do I add syntax highlighting to my Blogger blog?」,原來Blogger的html header是在範本(Template)裏設定:

Blogger Template

依教學文章設定很簡單,若不想黑色背景的色調,把「shThemeEmacs.css」換成「shThemeDefault.css」即可。

No comments: