Mini-Cover 開源封面產生器實測，封面圖匯出全程留在瀏覽器

用 AI 摘要這篇文章：

ChatGPT Claude Perplexity Google Grok

幫文章做封面圖，多數人的流程是開一套設計軟體或線上設計平台：拉文字框、挑字型、對齊、匯出、上傳，一套走完少說五分鐘，中間還常被註冊牆或範本庫的選擇疲勞絆住。Mini-Cover 把這件事壓縮到三個動作：打開網頁、打字、按保存。我實際用它做了一張：輸入七個字的標題加上自己網站的浮水印，按一次按鈕，瀏覽器就下載了一張 1000×500 的 WebP 圖檔。更有意思的是過程裡的網路紀錄：從載入、輸入到匯出，瀏覽器沒有發出任何一個把內容送出去的請求，做圖這件事完全發生在我自己的電腦上。

值得先記住的三件事：封面匯出不外送、唯一把圖送出去的按鈕有名字、整份專案可以自己架。

先說新地址：舊網域已經連不上

搜尋 Mini-Cover 會找到不少介紹文掛著舊網址 cover.ruom.top，這個網域現在已經無法連線，試三次都是同樣結果。專案在 GitHub 上的首頁欄位已經改指 cover.bsgun.cn，倉庫裡 2025 年 11 月也有一筆更新演示站地址的提交紀錄可以對上。單人維護的開源小工具換網域是常態，這不是壞消息，但它是後面講自架的理由之一：網址會搬家，原始碼在你手裡就不會。

用一句話定位 Mini-Cover：中國開發者 JLinMr 從 2024 年 8 月開始維護的開源封面產生器，MIT 授權，目前 550 顆星、135 次 fork，用 Vue 3 寫成的單頁應用，專門把一段標題文字變成一張 1000×500 的封面圖，適合部落格文章、影片縮圖或社群貼文。整個專案的原始碼只有十個前端檔案（九個程式檔加一份樣式）、一千兩百多行，依賴清單裡除了 Vue 本體就只有一個圖示套件，小到你可以整份讀完再決定要不要用。

實測：打字、即時預覽、按一次匯出

打開官網，版面是經典的左右分工：左邊一排控制項，右邊一塊即時預覽畫布。控制項包含圖示名稱輸入框、上傳背景圖片、上傳圖示圖片、標題顏色、浮水印顏色、背景模糊與背景顏色、標題大小、字型下拉選單、立體字強度滑桿，以及標題與浮水印兩個文字框，最底下是保存圖片與獲取外鏈兩顆按鈕。畫布預設顯示的是作者自己的署名文字，浮水印欄也是。背景圖片除了點按鈕選檔，也可以直接把圖片拖進畫布，這是 2025 年 1 月加上去的操作。

Pin

我把標題換成「開源封面實測中」，浮水印填上 techmoon.xyz，畫布隨打字即時重繪，沒有任何延遲感。浮水印會以斜體小字的姿態落在畫布右下角，位置固定不能調，好處是不用想排版，壞處是構圖上它永遠在那個角落。這裡有個第一次使用一定會撞上的坑：標題大小預設是 200，七個中文字在這個尺寸下會超出畫布：開頭的字被切掉一半，結尾的字整個超出畫布看不到。截圖裡看得很清楚。解法很簡單，把標題大小滑桿往左拉，但你要先知道這是預設值的問題，不是輸入框壞了。順帶一提，標題支援換行多行顯示，行高也能自己調，這兩個能力是 2025 年 2 月由外部貢獻者發合併請求進來的，對中英文混排的長標題來說是實用的補強。

Pin

長標題的排版邏輯從原始碼的預設值也看得出設計取向：圖示預設大小 300、陰影柔邊 120、背景模糊 3，這組數字配出來的就是一張置中大字配小圖示的標準封面構圖。你不喜歡這個構圖，每個數字背後都有對應的滑桿可以拉。

接著按保存圖片。瀏覽器立刻下載了一個叫 Canvas-Ruom.webp 的檔案，打開驗證：1000×500、WebP 格式、3,910 bytes，就是畫布上看到的內容。要注意匯出格式只有 WebP 一種，原始碼裡寫死了這個參數，沒有 PNG 選項；要 PNG 的人得自己用轉檔工具再處理一道。整段操作我留著完整的網路請求紀錄，扣除字型 CSS 與圖示 SVG 這類靜態素材後，剩下的請求是零：POST、統計腳本、API 呼叫一個都不存在。換句話說，你打什麼標題、放什麼浮水印，只有自己的瀏覽器知道。

匯出為什麼能完全在本機：四層畫布

翻原始碼可以找到答案。核心是一個 402 行的 script.js，它建了四個同樣是 1000×500 的離屏畫布，分別畫背景、文字、浮水印與圖示，各自重繪之後再合成到預覽畫布上。背景層畫圖時會自動等比縮放填滿畫布，沒上傳背景就填純色。匯出的程式碼只有三步：對畫布呼叫 toBlob 並指定 WebP 格式、把結果轉成物件網址、建一個下載連結讓瀏覽器存檔。全程沒有伺服器參與，斷網狀態下也能匯出，只有字型會退回系統字。

這也是它跟一般線上設計工具最根本的差別。之前實測過的 Cover Paint 同樣把照片處理留在瀏覽器裡，走的是同一條設計路線，差別在 Cover Paint 的主角是照片構圖，Mini-Cover 的主角是文字排版；而多數註冊制的設計平台，你的每一筆編輯都存在帳號裡。Mini-Cover 的整個依賴清單只有 Vue 和一個圖示套件，沒有後端、沒有資料庫，這種架構本身就把隱私邊界畫得很清楚。

唯一把圖送出去的按鈕：獲取外鏈

介面上有一顆綠色的獲取外鏈按鈕，它值得單獨講清楚。按下去之後發生的事，在 ImageUploader.vue 裡寫得很明白：同樣先呼叫 toBlob 把畫布轉成 WebP，接著包進表單，POST 到 dev.bsgun.cn 的 api.php。這個端點不是第三方服務，是作者另一個開源專案 PixPro，一套自架圖床系統，同樣 MIT 授權、284 顆星，首頁就掛在同一個網域上。專案的環境設定檔註解也寫明：要使用上傳功能需自己部署 PixPro 圖床；PixPro 本身靠 API Token、登入驗證與每日上傳限額做存取控制。上傳成功後，回傳的圖片網址會自動複製到剪貼簿，方便直接貼進部落格編輯器；失敗則會在彈窗裡顯示錯誤訊息。

所以資料邊界可以濃縮成一句話：做圖與匯出零外送，按獲取外鏈那一刻，成品才離開你的電腦，而且落地點是作者自架的圖床。而且 PixPro 的 README 明寫：演示站是公開環境，所有上傳內容訪客都看得到，且可能被他人刪除，站方不保障檔案安全與留存。換句話說，按外鏈得到的不是私有空間，是一個人人可見的公開位址，介意的人就只按保存圖片。想兼顧便利與邊界也有路：自己架一份，把上傳端點改成自己的圖床，或直接留空讓按鈕消失。

提交紀錄裡還有一段值得知道的插曲。2026 年 6 月 22 日同一天，作者先移除了圖床上傳功能、刪掉統計腳本，幾個小時後又把上傳功能加了回來。對照現在的程式碼，統計腳本確實不在了，上傳功能則是現在的樣子。單人專案在一天內自我來回，這種節奏很誠實，也提醒你它的功能面隨時可能微調。

字型與圖示都靠第三方 CDN

字型清單在 config.js 裡一目了然，七個選項裡有四個載自中文網字計畫的鏡像站，包含寒蟬全圓體、抖音美好體、貓啃珠圓體與悠哉字體，鴻蒙字體來自 B 站的 CDN，預設全局的霞鶩字體則放在作者自己的 CDN 上。載入時機也查了原始碼：元件掛載時就會把清單裡所有字型的樣式表連結一次掛到頁面上，所以切換字型幾乎不用等，代價是首次開頁就對這些 CDN 發出一串字型請求。這代表兩件事：字型檔不由官網自己承載，鏡像站或 CDN 出狀況時字型會退回系統字；以及想要換成自己慣用的字體，得改 config.js 的字型陣列，不會很難，但不是介面上點一下的事。

圖示的邏輯類似。介面上有個輸入框讓你填圖示名稱，例如 logos:chrome，前端拿著名稱去 iconify 的公開 API 拉 SVG 回來畫進圖示層，等於免費接上了一個上萬圖示的庫，輸入框的提示文字甚至直接給了範例。另外，面板上有顆「圖標下載站」按鈕，連到 icon.ruom.top，這個網址現在已經連不上，伺服器拒絕連線，點開只會得到錯誤頁，不是你的操作問題。同樣的情況也出現在右下角的設定彈窗：點開來內容只有一句佔位文字，功能還沒做。這兩處是這個專案目前最明顯的未完成角落。

自己架一份，三行指令的事

如果你喜歡它的邏輯但不想依賴別人的網域，這個專案的自架成本低到幾乎沒有門檻。我把倉庫複製下來實跑了一次：npm install 裝依賴花了約十五秒，npm run dev 啟動開發伺服器只用了 291 毫秒，本機 3000 埠就有一份一模一樣的工具。不想碰終端機的人，README 上還掛著 Vercel、Netlify 與騰訊 EdgeOne Pages 的一鍵部署按鈕，點下去填個倉庫網址就有自己的實例；專案的 CDN 加速由騰訊 EdgeOne 贊助，README 裡也明說了這層關係，官方站的 footer 還掛著作者的 ICP 備案號，看得出這是一個在中國正規託管的個人專案。

客製入口也單純。環境設定檔管網站標題、ICP 號碼、字型與上傳端點，config.js 管預設文字與字型清單。自架最有價值的一步是把上傳端點指向自己的 PixPro，這樣連獲取外鏈的便利都留下了，圖卻存在你自己的伺服器上。對照前面講的網域搬家史，這份十五秒的成本，就是你對這個工具的永久保單。

它辦不到的事，和誰用得上

它不是設計軟體，邊界要先講明。畫布固定 1000×500 的 2:1 比例，拿來當文章首圖可行，但若平台要求 1200×630 的標準社群分享圖尺寸，還得再裁一道；要 16:9 的影片縮圖或 9:16 的限時動態同樣要後製。編輯能力就是顏色、大小、模糊、陰影、旋轉與立體字這幾個滑桿，範本庫、素材搜尋、多人多稿與 PNG 匯出全都缺席。介面是簡體中文，標籤都看得懂，但繁中使用者會感覺到那是為中國讀者寫的。專案由一人維護，最後一筆提交停在 2026 年 6 月，沒有人保證它會一直更新，好在 MIT 授權加上可自架，最壞情況就是 fork 一份自己養。

定位可以這樣排：要精緻版面、範本與協作，開 Canva 或設計軟體；要現成範本快速換字，之前介紹過的 Coverview 或把整篇文章變成一張圖卡的 text2card 都更順手；而你要的只是一張乾淨的標題封面，不想註冊、不想上傳、不想跟範本庫周旋，Mini-Cover 的三個動作就是它的全部價值。開網頁、打字、保存，一分鐘內結束，圖從頭到尾都在你手上。對每篇文章都需要一張首圖的寫作者來說，它有機會變成固定流程裡最省心的一環：寫完文、打上標題、下載、上傳，中間不打開任何設計工具。