|

因 Medium editor 很弱就 Hack it

剛來 Medium 時,界面很陽春,看別人文章裡有特效,搞不清怎麼做的,也搜不到,臺灣用的人太少了,等搞清楚後筆記之,分享。持續更新!

Photo by rawpixel.com on Unsplash

標題

▮ 增加副標題 (Updated 2018/07/21)

這篇文章有主標題和副標題,拉到上面看看,但它本來是沒有的,我到處問人家沒人回答我怎麼做,我一直以爲從前版本有,新版取消了。

今天突然發現了設定副標題的方法!

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

說起來沒什麼,但它是 Web Service,反應很慢,耗費時間。

Title & Subtitle 的格式,標題突出,次標具有解釋標題的效果
非首行次行使用,標題尺寸細小,主標題和副標題的行距開,在內文中它們的目的是分段,副標題搶了主標題的光彩

我今天意外發現:

  • 首行文字設爲 “大T”,就成爲大標題,前面會出現 “Title”,粗黑字;
  • 次行文字設爲 “小T”,就成爲副標題,前面會出現 “Subtitle”,灰中字。

Title 和 Subtitle 不能分段,只能是一句話,換行它就成了一般標題。

用 Title 和 Subtitle 就不用去 Customize 了

另外,在還不會用副標題前,每次我都要去 “Customize Title/ Subtitle” 重新設定,因爲我不知道到底 Medium 抓到哪一段文字,現在發現當正確使用,就不需要 Customize。

副標題這問題我在網上搜過、去別人的文章留言問過,不知道是大家都會用覺得問題很 87 或根本懶得理,沒有得到答案過。

如果你有跟我一樣的問題,那分享給你。

圖片

▮ 自動無版權圖片 Unsplash

可能大家都知道了,但我剛開始真不知道啊!

開啟新的一行,按左邊加號,點放大鏡,就可以搜尋一堆無版權的圖片,省去自己找的麻煩。

“Hills in the foreground and skyscrapers and buildings in the background as the sun sets over Taipei City” by Thomas Tucker on 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 符號,下面請參考

https://medium.com/@ksc2thinktank/%E6%A8%82%E5%A4%A9kobo%E7%8D%A8%E5%AE%B6%E5%A0%B4-%E8%AE%80%E6%9B%B8%E6%9C%83-%E5%AF%A6%E6%B3%81%E5%A0%B1%E5%B0%8E-9e5afafdc295

Unicode 是瀏覽器的文字編碼,包含世界各國語言的文字及符號,還有很多好用的符號:

  • 如果你用 Markdown 編輯器書寫,只要打 “:BlackHeart:” 就會跳出 🖤
  • 如果你用 Medium 編輯器,請到 “Unicode Table” 直接 Copy & Paste 即可。🖤(2018/07/21,現在也能用 Markdown 方法了)
Unicode Table 可以搜尋想用的純文字圖案,就算很乾澀的 Medium 多半都能顯示

我想這對 Medium 的乾澀排版有些幫助,然後可以讓長文章比較容易導覽。But:

  • 如果在瀏覽器看,應該是什麼符號都能顯現;
  • 如果在 Medium App 看,有些就不支援,會顯現 ⍰ 。

大部分人在手機閱讀,所以,還是用 Medium App 能顯示爲基礎,收集沒問題的符號,建立自己的一組吧。

▮ 明顯、不明顯、中間明顯的超連結 (Updated 2018/07/21)

貼上連結按下 Enter

Medium 會把連結變成明顯的大塊。本來以爲只有 Medium 自己網址,現在發現任何網址都會產生。

https://medium.com/@ksc2thinktank/%E6%A8%82%E5%A4%A9kobo%E7%8D%A8%E5%AE%B6%E5%A0%B4-%E8%AE%80%E6%9B%B8%E6%9C%83-%E5%AF%A6%E6%B3%81%E5%A0%B1%E5%B0%8E-9e5afafdc295

https://medium.com/@ksc2thinktank/%E6%A8%82%E5%A4%A9kobo%E7%8D%A8%E5%AE%B6%E5%A0%B4-%E8%AE%80%E6%9B%B8%E6%9C%83-%E5%AF%A6%E6%B3%81%E5%A0%B1%E5%B0%8E-9e5afafdc295

把文字標起來跳出選單/按下 Ctrl + K

反過來,在 Medium 裏面,如果你產生一段行內連結,真是非常不明顯,字體不變,顏色不變,只在底下加了一條線,比如:

我覺得這樣子應該沒人會去點吧!或許你可以自製 “中度明顯” 的連結:

還是不明顯?我發現 Medium 支援另一個做法。

▮ 用 Markdown 方法輸入符號 (Updated 2018/07/21)

打第一個半形冒號,打隨便一個字,就會跳出 Emoji 的選單,全打完在後面加另一個半形冒號,其實滑鼠或上下鍵選就好。

今天發現 Medium 支援用 Markdown 的方法來輸入符號、Emoji 了,方法如圖:就是

:符號名稱:
  • 加 Link 符號:這是上面第一個 🔗 Richblack
  • 加 Link 符號:這是第二個 🔗 Noisly

不過千萬要記得,一定要用半形符號。

前面說過這裏再說一次,可以去查詢 Unicode table,下面這個網站還算蠻美的,只是,有時候 Unicode 符號在 Medium App 顯示不出來,應該是因爲它裏面調用了一個不完整的瀏覽器,不然一般瀏覽器都完整支援 Unicode 符號。

https://medium.com/@ksc2thinktank/%E6%A8%82%E5%A4%A9kobo%E7%8D%A8%E5%AE%B6%E5%A0%B4-%E8%AE%80%E6%9B%B8%E6%9C%83-%E5%AF%A6%E6%B3%81%E5%A0%B1%E5%B0%8E-9e5afafdc295

▮ 加入灰色訊息方塊 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 表 還蠻豐富的。

▮ 放進圖表

https://medium.com/@ksc2thinktank/%E6%A8%82%E5%A4%A9kobo%E7%8D%A8%E5%AE%B6%E5%A0%B4-%E8%AE%80%E6%9B%B8%E6%9C%83-%E5%AF%A6%E6%B3%81%E5%A0%B1%E5%B0%8E-9e5afafdc295

▮ 放進表格

https://medium.com/@ksc2thinktank/%E6%A8%82%E5%A4%A9kobo%E7%8D%A8%E5%AE%B6%E5%A0%B4-%E8%AE%80%E6%9B%B8%E6%9C%83-%E5%AF%A6%E6%B3%81%E5%A0%B1%E5%B0%8E-9e5afafdc295

▮ 放進 Google Docs

https://medium.com/@ksc2thinktank/%E6%A8%82%E5%A4%A9kobo%E7%8D%A8%E5%AE%B6%E5%A0%B4-%E8%AE%80%E6%9B%B8%E6%9C%83-%E5%AF%A6%E6%B3%81%E5%A0%B1%E5%B0%8E-9e5afafdc295

行銷工具

皮克看見 Picsee

我在 Facebook 有算還蠻多的臉友,從前在未曾努力經營下,我的創業公司粉絲頁每次貼文都會有約 3000 次的觸及,既然 Medium 臺灣人少,而臉書人多,我都會把寫好的文貼到臉書,問題是臉書貼文時圖像非常小,令人不想點擊,這時就想起我在 Taiwan Startup Stadium 同期同學所做的 Picsee。

左圖是使用前,臉書截圖小小的完全沒吸引力;右圖是使用後,圖片放大可以自己決定放進哪些元素。

Picsee 是個短網址服務,我覺得我這同學聰明絕頂,最簡單的方法是安裝一個 Chrome Plugin 在你寫好的文章 Preview 時按一下插件,它就自動給你一個短網址並且 copy 在剪貼簿,再去 FB 貼上即可。

不止如此,你可以看到你這篇文章在 FB 上觸及的狀況,它有一個後臺,通常 FB 很多朋友只是在那裡按讚沒有打開看,如果想要下廣告, Picsee 也有廣告服務。

例如我下面這篇《 台鐵「訂票 → 出包 → 暴怒」標準但不完整操作指南

https://medium.com/@ksc2thinktank/%E6%A8%82%E5%A4%A9kobo%E7%8D%A8%E5%AE%B6%E5%A0%B4-%E8%AE%80%E6%9B%B8%E6%9C%83-%E5%AF%A6%E6%B3%81%E5%A0%B1%E5%B0%8E-9e5afafdc295

  • 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 還是很有用的,畢竟目前人群都聚集在那裡啊!

在這裡幫同學廣告一下。

分享給朋友

Similar Posts

發佈留言

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