✍ Medium Format Text 內文格式

介紹三個我常用的內文格式,優化文章的閱讀體驗。

以下心得都是以我的帳號來示範,若有誤或因官方更新而不同,還請見諒~


大綱
格式文本
 1. 程式碼區塊
 2. 內文連結 / 導引
 3. 首字大寫使用圖片

格式文本

官方的內文格式教學,有興趣可以觀看更詳細的說明。
在此只提出三個我常用的方式。


1. 程式碼區塊

它在文章中可見到一個清楚的區塊,且字級比預設文字小,很適合將它當作輔助,或者在段落下方當作補充說明。

如何使用

把文字反白後,使用快捷鍵:⌘ + option + 6 / Ctrl + alt + 6
如果想取消效果,只要再重複動作,反白文字,使用快捷鍵,即可回復。

Design by Jhane Chou
程式碼區塊的文字可加上連結、粗體、斜體效果,讓文字可以有更多變化。

2. 製作內文連結 / 導引

在文章中加入內部連結,點擊可以直接到達文章的特定區域。

Design by Jhane Chou

可運用在目錄或其他引導呈現,文章篇幅很長、或希望讀者可以由此處快速到達文章的另一處時,內文連結就能發揮作用。目錄也能讓讀者在閱讀正文前,知道此文章的架構。

第一步:製作目錄

完成文章之後,先製作出目錄的基本樣式。也可以在一開始編寫文章時先把目錄文字列出來,可以幫助我們在過程中不會偏離主題。

Design by Jhane Chou

第二步:找到區域的標籤

1. 在編輯文章頁面中,使用 Chrome 瀏覽器,將文字反白,右鍵點選檢查,或使用快捷鍵 Ctrl + Shift + I

Design by Jhane Chou

2. 我們會在畫面中找到一段由英文、數字組合而成的編號,通常它的前面會是 name=”編號” 請將這段編號記下來

Design by Jhane Chou

3. 回到做好基本樣式的目錄中,將對應的文字反白,並點擊加入連結,填入「#編號」記得一定要加上#字號,完畢後即可在發布文章後見效

Design by Jhane Chou

記得在發布文章前,檢查目錄連結是否正確哦~


3. 首字大寫使用圖片

其實這功能我最近才開始使用,前陣子發現國外的許多文章,他的大字都很特別,起初我以為是特殊字元,後來才知道可以自訂圖片!

Design by Jhane Chou
注意:此效果在手機瀏覽時,不會顯示圖片;使用上可斟酌。

第一步:製作首字的圖像

範例適用正方形的尺寸設計,我讓文字圖像緊貼上方,這樣它才能完全與內文靠上對齊。當然也能視情況改變圖像的位置。

Design by Jhane Chou

第二步:將你的文字段落刪掉要大字的字首,並隨意放上一個半形數字

Design by Jhane Chou

第三步:反白段落,點擊功能,即可看到首字變大

Design by Jhane Chou

第四步:將第一步製作好的圖,放置在大字上

點選你的大字,讓它呈現選中的狀態(呈現綠框),接著拖曳你的圖片至文字上。

Design by Jhane Chou

最後的碎碎唸

歡迎來到我的 Publication 逛逛,希望它能夠帶給你意想不到的酷東西!

推薦這三個我常用的內文格式,優化文章的閱讀體驗,祝各位順利製作棒棒的 Medium 文章!

文章同步發佈平台&支持,可前往不同平台進行拍手支持,或透過下方的 Like 讚賞(註冊 Liker 完全免費)讓創作者獲得額外收入!

.Medium
.Matters / None

發佈留言

發佈留言必須填寫的電子郵件地址不會公開。

Freelancer
使用圖表分散焦慮感的負面循環
Life
書評《少年與狗》
Product
LINE 原創主題|客製 ── 友誼長存
Life
久違的近況
Product
LINE 原創主題|豆芽 ── 暮光
Freelancer
LINE 原創主題月收益突破 5 位數
Product
LINE 原創主題|未歸檔 ── 月與貓
Product
LINE 原創主題|未歸檔 ── 貓舞

Share