Blogger 插件 | 文章顯示程式碼區塊---進階版

1. 前言

    為了解決先前程式碼太長，版面閱讀不好的問題 和 專門用來寫程式碼教學的文章不易維護的問題，實作了另一種寄放在Github的作法。

更新紀錄:

2024/10/29 重新整理，並放上文章目錄，方便搜尋
2018/12/11 重新整理部落格上的所有文章，發現部分程式碼區塊版面呈現與維護一直不盡人意，其問題如下幾點：

1. 程式碼太長，版面視覺感官不好
2. 帶有程式碼的文章不好維護

2. 程式碼太長，版面視覺感官不好

3. 帶有程式碼的文章不好維護

4. 解決方案

    A. 使用Blogger 插件 | 文章顯示程式碼區塊---初階版 的CSS程式解決版面過長問題

    B. 使用GitHub gists管理程式碼，更容易維護

5. 操作方法

將部落格的code放置GitHub gists中並取得嵌入網頁的js程式碼

在依照初階版的操作方法，將<code> </code>加入至js程式碼中

最終呈現的結果

6. 額外參考

Blogger 插件 | 文章顯示程式碼區塊---初階版


轉貼本文時，需註明來自黑修斯的隨手札記原創作者 hughes chen（黑修斯），及附上原文連結，同時 禁止修改，禁止商業使用 。