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

文章顯示程式碼區塊---進化版

2018/12/11 重新整理部落格上的所有文章,發現部分程式碼區塊版面呈現與維護一直不盡人意,其問題如下幾點:
  1. 程式碼太長,版面視覺感官不好
  2. 帶有程式碼的文章不好維護



1.程式碼太長,版面視覺感官不好



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



解決方案

使用Blogger 插件 | 文章顯示程式碼區塊---初階版 的CSS程式解決版面過長問題,使用GitHub gists管理程式碼,維護容易。

操作方法

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


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


最終呈現的結果


額外參考:
Blogger 插件 | 文章顯示程式碼區塊---初階版


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

張貼留言

0 留言