網路上有許多方法可將程式碼放置在網頁上，方便讀者閱讀，這裡我推薦使用GitHub Gist，主要是參考香腸炒魷魚-GitHub Gist 在部落格、網頁中內嵌入高亮程式碼這篇文章，不需要去設定較複雜的CSS，要修改程式碼時也十分方便，若有GitHub帳號便可連結，就可以擁有版本控制的功能。
香腸炒魷魚的教學網頁中，使用的圖片與現在的操作方式稍有不同，所以在此紀錄一下。
(1)前往GitHub Gist，建議登入使用，如沒有登入就是以Anonymous匿名的方式建立
(2)輸入描述、檔名、程式碼，建立Gist
Secret Gist與Public Gist之間的差別是是否可被別人在Gist上搜尋到，兩者皆有提供Script被置入在網頁中。
Secret Gist與Public Gist之間的差別是是否可被別人在Gist上搜尋到，兩者皆有提供Script被置入在網頁中。
(3)複製Script語法，貼到網頁語法之中(以Blogger為例)
(4)呈現方式，如下圖
(5)如有一個Gist有多個檔案，複製的Script語法，會將所有檔案列出來
(6) 若一次只想呈現一個檔案，可於複製的Script進行修改
在<script src="https://gist.github.com/... xxx.js"></script>
.js的後面加上?file=你的檔名
<script src="https://gist.github.com/... xxx.js?file=Test01.html"></script>
參考來源：香腸炒魷魚-GitHub Gist 在部落格、網頁中內嵌入高亮程式碼
Leapwing @ 學習筆記
在<script src="https://gist.github.com/... xxx.js"></script>
.js的後面加上?file=你的檔名
<script src="https://gist.github.com/... xxx.js?file=Test01.html"></script>
參考來源：香腸炒魷魚-GitHub Gist 在部落格、網頁中內嵌入高亮程式碼
Leapwing @ 學習筆記
