方格子自用資料 01：Vocus文章排版技巧（持續整理，2026.0101更新）

建置Vocus系列文 總目錄

1. 用分隔線分出「前言」 ：我還蠻喜歡這種方式，清爽易閱讀

範例 1：東京裏物語的文章，常常使用這種排版方式。
範例 2：本篇文章的開頭也是用分隔線區分「前言」。

2. 用程式碼做說明文，或是強調用途

範例：教授自由接案的鄭閔之老師的方格子的介紹頁。

方格子的程式碼有兩種，一種是在文中的（直接文字反白後，選取文字列功能 < >），另一種則是新開區塊（最上方功能列，如下方）。

程式碼示範

3. 引言，不一定是引用他人，反而是用來「強調自己」的話。

範例：我寫的這篇〈線上課程觀察日記01：近兩年線上課程的六個變化〉的開頭。

4. 使用「 ▋」等符號，強調段落標題，不是單純使用格式設定

範例：本篇文章最後的「不算是排版問題的個人困惑點」，就是用「 ▋」當段落標題使用。

5. 用圖片取代分隔線、段落

範例：我這篇文章〈方格子建置01：沙龍房間分配〉 的前言寫完後，就用圖片當分隔線。

要注意方格子的圖片不會壓縮適合螢幕觀看的大小，
要有比較好的觀看品質，還是要自己設定好圖片大小跟圖片邊框。

6. 用「・・・」取代分隔線、段落

在每一個段落結束後，空一行並加上「・・・」。

範例：網友林位青的方格子文章排版，如〈Heptabase創辦人 詹雨安 專注打造為深度思考而生的知識媒介：《創新思考與策略實務》課堂筆記#16〉
→他這篇文章就是使用「・・・」跟空行分段。雖然是長文，因為排版得宜，很好閱讀。

▋不算是排版問題的個人困惑點：配圖問題

• 1. 在寫〈線上課程觀察日記02：個人訂閱制線上課程的可能性〉時，介紹個人訂閱制的線上課程平台OMIA，但是因為沒有去詢問圖片授權，我就把線上課程平台OMIA的LOGO跟網站截圖都拿掉了。
     
  2. 我在寫這篇介紹怎麼排版的文章時，本來想把舉例到的作者的方格子排版畫面都截圖放上來，但想一想，這些截圖應該也有著作權的問題？所以就都沒有放了。感覺自己目前無法掌握哪些是可以放，需要再學習一下。