因 Medium editor 很弱就 Hack it
本文目錄
剛來 Medium 時,界面很陽春,看別人文章裡有特效,搞不清怎麼做的,也搜不到,臺灣用的人太少了,等搞清楚後筆記之,分享。持續更新!
標題
▮ 增加副標題 (Updated 2018/07/21)
這篇文章有主標題和副標題,拉到上面看看,但它本來是沒有的,我到處問人家沒人回答我怎麼做,我一直以爲從前版本有,新版取消了。

如果你 Medium iOS App 寫作 (Android 我沒用過不知道),就會發現它連前面的 “Title” 字樣都付之闕如,我曾在手機寫文,爲了要出現放大字的標題,只好回到 Web 新增一篇,把手機寫好的文貼過來,標題貼到 “Title” 就會放大字。
說起來沒什麼,但它是 Web Service,反應很慢,耗費時間。


我今天意外發現:
- 首行文字設爲 “大T”,就成爲大標題,前面會出現 “Title”,粗黑字;
- 次行文字設爲 “小T”,就成爲副標題,前面會出現 “Subtitle”,灰中字。
Title 和 Subtitle 不能分段,只能是一句話,換行它就成了一般標題。

另外,在還不會用副標題前,每次我都要去 “Customize Title/ Subtitle” 重新設定,因爲我不知道到底 Medium 抓到哪一段文字,現在發現當正確使用,就不需要 Customize。
副標題這問題我在網上搜過、去別人的文章留言問過,不知道是大家都會用覺得問題很 87 或根本懶得理,沒有得到答案過。
如果你有跟我一樣的問題,那分享給你。
圖片
▮ 自動無版權圖片 Unsplash
可能大家都知道了,但我剛開始真不知道啊!
開啟新的一行,按左邊加號,點放大鏡,就可以搜尋一堆無版權的圖片,省去自己找的麻煩。
▮ 免費圖庫 (2018/07/03)
- Getty:應該是全世界最大的圖庫,它可以在條件下釋出圖片(目前找不出 Medium 如何支援);
- PhotoPin:這不需要用 Getty 那種方式來授權,比較自由,有趣的是背後提供的也是 Getty;
- Foter:聽說超過 3 億免費圖片可以改作,使用教學。
▮ 免開 PhotoShop 調圖片尺寸

(Update 20180416) PhotoShop 很強大但笨重,如果用 Mac 寫文章,可用萬用預覽程式編輯圖片,Windows 的工具則做半套,不好用。
有時候你有一堆圖片要用,但不同相機拍的解析度各有不同,在 Medium 的介面是無法調整,依照原始尺寸呈現大大小小不雅觀,如果要調整尺寸,又要開 Photoshop。
這裡有個 Resize image 網站 可以用來調整圖片尺寸而不用開笨重的 PhotoShop。上傳圖片,寫好你要的 Pixel 數,按下 Resize ,它就會把它修改好自動下載回來,我覺得超棒的啊!
文字排版
▮ 文字 Highlight
因為工具缺乏,如果有一段文字你非常想強調,或許可以反白,不過 Medium 沒有這個功能,後來我發現有些人的文章可以用筆記的方式反白。
我就在編輯界面試了一下可以嗎?發現反白只能讓我自己看到啊!
後來發現你要先 Publish,然後再以讀者身份去 highlight ,這樣有 Follow 你的人就看得到了。
▮ Unicode 符號 (2018/07/03)
爲了強調某些章節,在前面加個符號是好方法,可惜 Medium 對這些也是付之闕如。
我看到一篇文章,裏面很活潑的用了好多 Unicode 符號,下面請參考
Unicode 是瀏覽器的文字編碼,包含世界各國語言的文字及符號,還有很多好用的符號:
- 如果你用 Markdown 編輯器書寫,只要打 “:BlackHeart:” 就會跳出 🖤
- 如果你用 Medium 編輯器,請到 “Unicode Table” 直接 Copy & Paste 即可。🖤(2018/07/21,現在也能用 Markdown 方法了)

我想這對 Medium 的乾澀排版有些幫助,然後可以讓長文章比較容易導覽。But:
- 如果在瀏覽器看,應該是什麼符號都能顯現;
- 如果在 Medium App 看,有些就不支援,會顯現 ⍰ 。
大部分人在手機閱讀,所以,還是用 Medium App 能顯示爲基礎,收集沒問題的符號,建立自己的一組吧。
▮ 明顯、不明顯、中間明顯的超連結 (Updated 2018/07/21)
貼上連結按下 Enter
Medium 會把連結變成明顯的大塊。本來以爲只有 Medium 自己網址,現在發現任何網址都會產生。
把文字標起來跳出選單/按下 Ctrl + K
反過來,在 Medium 裏面,如果你產生一段行內連結,真是非常不明顯,字體不變,顏色不變,只在底下加了一條線,比如:
我覺得這樣子應該沒人會去點吧!或許你可以自製 “中度明顯” 的連結:
還是不明顯?我發現 Medium 支援另一個做法。
▮ 用 Markdown 方法輸入符號 (Updated 2018/07/21)

今天發現 Medium 支援用 Markdown 的方法來輸入符號、Emoji 了,方法如圖:就是
:符號名稱:
不過千萬要記得,一定要用半形符號。
前面說過這裏再說一次,可以去查詢 Unicode table,下面這個網站還算蠻美的,只是,有時候 Unicode 符號在 Medium App 顯示不出來,應該是因爲它裏面調用了一個不完整的瀏覽器,不然一般瀏覽器都完整支援 Unicode 符號。
▮ 加入灰色訊息方塊 Code block
我是一個新來 Medium 的人,我在這裡只有幾篇文章。
謝謝你來訂閱我的文章,這裡是一個關於我自己的灰色方塊,我要請你幫我拍手或按一下連到我的個人網站去。
請你拍拍手,或是follow我,或是response。
......我還有一堆每篇文章都要加的警語在這下面...。
剛開始我想要加一個這樣的框,還沒發現怎麼做以前,就在本文後加一個橫槓,把這些文字放在底下,搞不清楚別人怎麼做的。
查了半天發現原來是有些聰明人把 Medium 放置程式碼的方塊用來做這個使用,方法是1)選擇你要放在灰框裡的文字;2)按下隱藏功能:
- Windows: Control + Alt + 6
- Mac: Command + Option + 6
- Linux: Control + Alt + 6
一直找不到的原因是我搜尋「Gray block」, Medium 就回應要去 Block 別人的方法…,誰會想到要搜尋「Code block」啊…。
Embed
凡是它自己不做的,Medium 就用 Embed,它自己就列了一個常用 Embed 表 還蠻豐富的。
▮ 放進圖表
▮ 放進表格
▮ 放進 Google Docs
行銷工具
▮ 皮克看見 Picsee
我在 Facebook 有算還蠻多的臉友,從前在未曾努力經營下,我的創業公司粉絲頁每次貼文都會有約 3000 次的觸及,既然 Medium 臺灣人少,而臉書人多,我都會把寫好的文貼到臉書,問題是臉書貼文時圖像非常小,令人不想點擊,這時就想起我在 Taiwan Startup Stadium 同期同學所做的 Picsee。


Picsee 是個短網址服務,我覺得我這同學聰明絕頂,最簡單的方法是安裝一個 Chrome Plugin 在你寫好的文章 Preview 時按一下插件,它就自動給你一個短網址並且 copy 在剪貼簿,再去 FB 貼上即可。
不止如此,你可以看到你這篇文章在 FB 上觸及的狀況,它有一個後臺,通常 FB 很多朋友只是在那裡按讚沒有打開看,如果想要下廣告, Picsee 也有廣告服務。
例如我下面這篇《 台鐵「訂票 → 出包 → 暴怒」標準但不完整操作指南》
- FB 638 Views;
- Medium 57 Views,從 FB 到 Medium 轉換率約 9%;
- Medium 42 Reads,Medium Reads 到 Views 為 42%。
雖然看起來 FB 的效率很差,實際上在 Medium 的 57 個 Views 之中:
- 47 個來自 FB;
- 8 個來自 Medium 相關曝光;
- 2 個自己連進來,可能是某個朋友把連結發給另一個朋友了。
所以 FB 還是很有用的,畢竟目前人群都聚集在那裡啊!
在這裡幫同學廣告一下。