︿
Top
顯示具有 Blogger 程式段落 標籤的文章。 顯示所有文章
顯示具有 Blogger 程式段落 標籤的文章。 顯示所有文章

2014年7月24日 星期四

如何在 Blogger 加入程式段落 Part 3: SyntaxHighLighter (連結至自己的網頁空間)

緣起

由於 前一篇 是採用 SyntaxHighlighter 原作者提供的網頁空間; 如果公司內部不允許連到外部網路, 只能連內部網路, 或特定網站時, 會有自行建置一個網頁空間, 以存放 .css 及 .js 檔案的需求.
以下會先介紹如何在 Google 雲端硬碟建立網頁空間, 以放置 SyntaxHighlighter. 接著再說明如何調整 Blogger 的 Html 範本及自身的頁面.

2014年7月23日 星期三

如何在 Blogger 加入程式段落 Part 2: SyntaxHighLighter (連結至原作者的網頁空間)

緣起

由於 前一篇 仍有一些不是很圓滿的地方, 所以又找了一些資料, 發現 SyntaxHighlighter 似乎是一個不錯的選擇.
本篇是採用連結至原作者 (

2014年7月22日 星期二

如何在 Blogger 加入程式段落 Part 1: 純 CSS 與 Google Code Prettify

緣起

如何在 Blogger 插入程式段落, 是寫資訊技術文章必備的能力; 這樣才能讓讀者能更易於閱讀.

以下為主要步驟 並區分為是否採用 Google Code Prettify 而有不同效果呈現: