2017年1月2日 星期一

Blogger 顯示好看的程式碼內容(Code Block)

網路上查了一下 Code Block 發現 Google Code Prettify 看起來蠻順眼的, 就在這邊記錄一下設定的過程,留下筆記以便於日後查詢。

點選「版面配置」
在中間的位置點擊「新增小工具」

點擊「HTML/JavaScript」


























填入標題 Google Code Prettify

填入內容

選一個順眼的程式碼格式
Color themes for Google Code Prettify

使用方式如下














linenums 是顯示行號
language-cs 是指定 cs 的格式

範例程式碼

沒有留言:

Visual Studio 2017/2019 推薦的擴充功能與更新

參考文章: 覺得 Google 的 Blogger 不太順手?透過 HTML 的 iframe 移花接木 HackMD