用 Markdown 製作 Instagram 圖文

使用 Marp 套件製作模組化圖片

Will Liu
Oct 28, 2022

聽了一場身心靈課程推廣的講座,對於內部的品牌經營都使用 Instagram 印象深刻,府將自己的社群發文流程設定完成,後來想想其實我並沒有這麼喜歡 Facebook。

Facebook 對於經營品牌來說,可能 90% 的人都會說絕對有其必須,這幾週以來我一直在思考這一點。到底社群媒體對於品牌來說的必要性,內心不自覺出現了一股衝突感,我始終不喜歡 Facebook。

本來想這種不舒服應該是可以克服的,但幾天過去還是覺得怪怪的,我是那種覺得怪,就會裹足不前的人,卡在這樣的情緒裡面。這時候最好用的就是,思考一下到底應該怎麼往下一步前進。

一、我本來並沒有社群發文的習慣,但是卻不是不想發。

二、既然有想要,沒有做代表,事情的邏輯還沒有被我想清楚。

三、如果邏輯已經很清楚如上面所說的,那就應該是流程還不夠簡單。

所以流程還不夠簡單應該就是這裡的關鍵,裡面有一個天條就是 Instagram 主要的兩個發文途徑是圖片跟限時動態,高度使用圖片意象的平台。這正是我最大的關卡,我根本很少照相,那圖片要怎麼來?

仔細分析一下,大致上就兩種,一種是照片,一種就是圖文訊息。照片我就先放棄了,之前實驗過幾次後來都沒有延續性,畢竟不是我生活的一部分。

圖文訊息倒是可以嘗試看看,在更仔細的去看,一種叫做創作型的,一種就設計感的。創作這個我小時還沒開發出來,但設計的部分幾年來也是看著看著就會了。

就定案了,那就看看怎麼設計出圖文訊息!?

格式化的產出

以前要設計圖文訊息,我最早的時候開始用 Photoshop,後來發現其實過程很複雜,之後就改用 Keynote 來設計,一方面可以省下軟體的費用,功能上要使用的也都已經具備了。

幾次的設計過去 — 有興趣的朋友,可以去翻閱 Instagram 以前的貼文。動作大概幾個,但是想到轉出圖片時候手續繁雜,自然就放棄了!

這時候我更暸解自己了,就是不能太複雜的過程,最好只要三個步驟以內。

Marp

這幾年我的文字編輯幾乎都會要求有 Markdown 標準的編輯器或者網路服務(SaaS),之前也找到一個 Markdown 簡報製作的外掛「Marp」,認真研究,忽然發現這是一個非常好用的工具。

  1. 標準化:透過統一的主題(Theme)管理,可以直接標準化輸出的樣式。
  2. 直接輸出圖片:只要改一下副檔名,就可以把第一張簡報輸出成圖片 .png.jpg 格式。
  3. 文檔統一管理:他其實就是簡報檔案,可以直接輸出成為 pdf 檔案,等於每一張圖片的紀錄直接可以輸出。

而我每天只需要去找圖片並上傳好,進一步就是修改 Markdown 的文字檔案,然後執行指令就可以輸出成為一張 Instagram 可以剛剛好使用的正方形圖片。

只能這個方案,是目前接觸到現在最符合個性的一個組合。

細部修改

本來以為會用設計簡報開始 Marp 之旅,沒想到卻是透過製作圖片開啟,因為要製作 Instagram 的方形圖文,所以針對主題範本的部分我自己做了客製化。

外掛主題檔案需要在存放 .md 檔案的資料夾中,新增一個 theme.css 檔案,然後宣告使用的主題名字。

同時我參考了一下 Marpit 的說明文件,把文件的大小變更成為了正方形。

這邊我花了一點時間,才發線要設定透過新增主題範本的方式,不能夠只是在其他範本裡面另外做宣告。這算是蠻大的一個學習點,讓我更清楚知道,未來想要做新的圖文大小的時候,就去直接設計一個新的範本。

圖片置中

參考 yhatt 在主題的 CSS 之中加上:

img[alt~="center"] {display: block;margin: 0 auto;}

設定圖片背景透明

參考 Rakhmanov 所回覆的,新增在上面的 img 那一段:

img {...background-color: transparent!important;}

裡面有說到,這大概只針對白色的背景有效果,其實已經非常實用了。因為大部分的透明主題,在沒有支援的情況下,應該都是白色的。

小結

每一刻都是重新認識自己的機會,其實寫技術文章,一方面是輸出是最好的輸入之外,其實從每個小地方看自己是非常好玩的一件事情。

以前每次卡住的時候,都會覺得很沮喪,甚至用很負面的情緒去感受。但換個角度想想,卡住代表有些事情,希望被發掘、希望被看見,這是一個好機會,停下腳步來重新認識自己。

我們可以把改變當作一個機會,也可以看過一種風險,一個心念,決定了未來那個可能微小但有決定性的一切。

💌 我寫信,也回信,希望能有機會收到你的來信,「訂閱電子報」讓我們從網友變成筆友。👇往下捲動頁面👇直接填入 Email 一同交流,遇見未知的自己。 https://buttondown.email/bamorlove?tag=medium

--

--

Will Liu
Will Liu

Written by Will Liu

懂命理、會改運,喜好分享、樂於助人的生活實踐者。最新資訊請前往 ➤ https://myname.link/willliu ⏎ 訂閱電子報 ⚩ https://lkw.im/subscribe

No responses yet