返回部落格
使用場景教學指南

開學小組共筆一貼圖就斷掉?3 平台圖片嵌入與斷圖排錯教學,新生也能一次搞定

發佈於20 min read
分享文章

開學第一週,我那頁共筆全變成破圖

先講一件糗事。

去年九月開學第一週,我跟三個剛認識的同學開了一份 HackMD 當小組共筆,準備放課程重點跟白板拍照。我興沖沖地把手機截圖一張一張貼進去,自己畫面上看起來超完整,還蠻得意的。結果那天晚上組員傳訊息來:「欸,你那段怎麼都是破圖的小圖示?」

我當時整個愣住。明明我這邊好好的啊!

後來我開了無痕視窗、用另一個帳號登入,才發現組員說的是真的——一整排圖片全部變成那種「載入失敗」的破裂圖示。那種感覺,說真的有點崩潰。第一次跟不熟的同學合作就出這種包,尷尬到想鑽地洞。

別擔心,如果你也遇到這種狀況,這篇就是寫給你的。這件事其實不難,只是沒有人事先告訴你「共筆的圖片有兩種放法」而已。

先搞懂一件事:圖片有「上傳」跟「外連」兩種

這是所有斷圖問題的根源,一定要先弄懂。

簡單來說就是,你在共筆裡放圖片,只有兩條路:

第一條叫上傳。圖片檔案被複製一份,存到共筆平台自己的伺服器上。你可以把它想像成把照片洗出來、貼進實體筆記本——照片就黏在本子上了,本子傳給誰、圖都在。

第二條叫外連(也有人講「嵌入連結」)。共筆裡放的不是圖片本身,而是一個「地址」,指向圖片放在別處的位置。你可以把它想像成筆記本上只寫了一行「照片放在家裡抽屜第三格」。自己走回家打得開抽屜,但別人走到門口就被鎖在外面了。

看懂了嗎?我那次的破圖,就是第二種。我貼的截圖來源是一個只有我自己有權限的地方,組員的瀏覽器根本拿不到那個「抽屜」。

第一次看會覺得這兩個好像差不多,反正圖都有出現。差別要等到「換一個人、換一台電腦、換一個帳號」的時候才會現形——而共筆的本質就是很多人一起看,所以這個坑幾乎人人都會踩。

再打個比方你就懂了:上傳像是把講義印一份、夾進大家共用的資料夾,外連則像在資料夾裡貼一張便利貼,上面寫「檔案放在私人抽屜第三格」。前者誰翻資料夾都拿得到,後者只有握著那把抽屜鑰匙的人打得開。共筆就是一群人一起翻同一個資料夾——你說,哪一種安全?記住這個畫面,後面三個平台的規則其實都是它的變形而已。

HackMD:![](url) 很好用,但有兩個隱藏陷阱

HackMD 是很多資工、理工科系小組共筆的首選,因為它即時同步很快,連你還沒按 Enter 的字組員都看得到。它用的是 Markdown 語法。

放圖片最正規的方式,是直接用 HackMD 內建上傳。有三種操作:

  1. 把圖片檔案直接拖曳進編輯區
  2. 點工具列的圖片小圖示選檔案
  3. 複製圖片後直接 Ctrl+V / Cmd+V 貼上

這三種都會幫你自動產生一段 ![](圖片網址) 的語法,圖片也會被上傳到 HackMD。這樣做,組員通常都看得到。

不過這裡有第一個陷阱:免費版每張圖只能上傳 1 MB。現在手機隨手一張截圖動輒 2、3 MB,你會發現有些圖傳得上去、有些傳不上去,超過的那張就默默失敗。Prime 付費版才放寬到 20 MB。所以開學要共筆前,養成「先壓縮再貼」的習慣。

我自己實際數過:iPhone 隨手一張全螢幕截圖大概 2.4 MB,遊戲畫面或網頁長截圖甚至衝到 4 MB 以上。這些直接貼進 HackMD 免費版,十張裡大概有三、四張會默默失敗——重點是,它當下不會跳任何錯誤提示,畫面就是安靜地少了幾張,你很容易整份共筆交出去了才發現。所以「先壓再貼」不是龜毛,是真的會救你一命。免費工具用 Squoosh(squoosh.app)就好,把每張壓到 1 MB 以下再貼,HackMD 才吃得下。

第二個陷阱更陰險,也是很多人不知道的規則:HackMD 的圖片權限,跟著它「原始那篇筆記」的權限跑。

什麼意思?假設你在「筆記 A」貼了一張圖,然後把那張圖的網址複製、貼到「筆記 B」共用。只要哪天你把「筆記 A」刪掉,或是把「筆記 A」的閱讀權限設成只有你自己看得到——「筆記 B」那張圖就會一起陣亡,變破圖。

所以在 HackMD 共筆,最保險的做法就是:圖片直接上傳到這份共筆本身,不要從別的私人筆記複製連結過來。這一條記住,斷圖機率直接砍一半。

Notion:同一個「貼上」,可能是上傳、也可能是外連

Notion 不用學語法,介面漂亮,很多人拿來做小組報告的整理頁。但它的圖片邏輯反而更容易讓新手搞混。

在 Notion 裡放圖,你會看到兩個選項:

  • Upload(上傳):從電腦選檔案,或把圖片檔拖進頁面。這種圖存在 Notion 自己的雲端,最穩。
  • Embed link(嵌入連結):貼一個圖片網址進去。

重點來了:Embed link 的本質,其實就是外連。Notion 只是「即時去那個網址把圖抓過來顯示」。一旦來源那邊圖片被刪掉、或權限被關掉,你的 Notion 頁面就會出現一行冷冰冰的 Failed to Load。

我一開始也搞不懂,為什麼有時候貼圖很穩、有時候隔幾天就掛。後來發現其實很簡單——差別就在我到底是按了 Upload 還是 Embed。

還有一個常見誤會要幫你破除:Notion 免費版現在對「上傳檔案大小」已經沒有單檔限制了(早年有 5 MB 上限,後來取消)。所以在 Notion,能直接 Upload 就 Upload,不要為了省事去貼一個來路不明的外連網址。

補一個新手很容易忽略的小地方:用 Embed 貼完圖後,想確認它到底穩不穩,最快的方法是把該頁分享成公開連結,再用手機、不登入的瀏覽器打開看看。只要有一張變成 Failed to Load,就代表它是外連、來源哪天掛掉就會跟著斷。花一分鐘先測,總比報告當天在教室裡臉綠來得好,對吧?

Google Doc:插入圖片沒問題,Drive 連結才是地雷

分組報告的最大宗還是 Google Doc,因為門檻最低,全班都會用。

好消息是,Google Doc 的「插入 → 圖片 → 上傳電腦中的圖片」很安全。圖片會被存進這份文件,共用給誰都看得到,幾乎不會斷。這個沒什麼好擔心的。

真正的地雷是另一個入口:「插入 → 圖片 → 以網址上傳」。這裡官方有明講一條規則——你貼的網址不能是 drive.google.com 的連結。也就是說,你不能把自己 Google 雲端硬碟裡某張圖的分享連結拿來當圖片來源,系統根本不收。

更慘的是外連到 Drive 圖片這件事,整個大環境還變得更糟了。根據網路上 2024 年初的大量災情回報,Google 從那時起因為第三方 Cookie 政策的調整,讓很多原本「用 Drive 連結外連圖片」的網頁與文件集體失效。你在自己帳號看得到,換個人、換個環境就是一片空白。這不是你設定錯,是 Google 主動把這條路收窄了。

一句話總結:個人雲端硬碟(Google Drive、Dropbox 這類)的分享連結,天生就不是給「圖片直連」用的,拿去共筆貼圖幾乎必斷。

三個平台貼圖方式,一張表看懂

我把上面講的整理成一張表,共筆前掃一眼就好:

平台 最穩的放圖方式 會斷圖的做法 免費版限制
HackMD 直接上傳到這份共筆 從別篇私人筆記複製圖片連結 每張圖 1 MB
Notion 按 Upload 上傳檔案 用 Embed link 貼外部網址 目前無單檔大小限制
Google Doc 插入 → 上傳電腦圖片 插入 → 以網址上傳 Drive 連結 內建,隨文件走

看出共通點了嗎?三個平台的「安全解」都是同一句話:讓圖片檔案本身進到共筆裡,而不是丟一個外部地址進去。

為什麼「用雲端硬碟連結」一定會出事

這裡多解釋一層原理,因為理解了你就再也不會踩。

個人雲端硬碟(Google Drive、iCloud、Dropbox)的設計目的,是私人存檔 + 授權分享,不是給網頁「直連圖片」用的。它們的分享連結背後,通常有這三道關卡:

  1. 權限檢查:對方有沒有被授權?沒授權就擋。
  2. 登入驗證:很多分享連結其實會偷偷檢查你有沒有登入 Google/Dropbox 帳號。
  3. 防盜連(Referer 檢查):伺服器會看「這個圖片請求是從哪個網站發出的」,不是自家就拒絕。

共筆平台在幫其他組員渲染圖片時,是用「一個陌生訪客」的身份去敲那個連結的。這三關隨便一關卡住,圖就出不來。而且你自己因為已經登入、已經有權限,永遠測不出問題——這就是為什麼「我這邊明明好好的」會變成經典名場面。

其中最反直覺的是第三關「防盜連」,我第一次聽也是一頭霧水。你可以把它想像成一間員工餐廳:門口警衛只認自家員工證,外面的人拿著同一份菜單走進來,照樣被攔。共筆平台幫組員抓圖時,手上就是沒有那張「員工證」,於是被擋在門外。懂了這層,你大概也就明白,為什麼破圖問題永遠出在別人那邊、永遠不出在自己這台電腦上了。

坦白講,這不是誰的設定太笨,是工具用錯場景。要圖片穩定地被任何人、任何裝置看到,你需要的是一個專門「提供公開直連」的圖片託管服務,也就是俗稱的圖床。

手把手:讓共筆的圖永遠不斷的 SOP

給你一套照做就不會錯的流程,新手必看:

  1. 開共筆前先想清楚:這份筆記會不會給別人看?只要會,就不能用私人雲端硬碟連結貼圖。
  2. 能上傳就上傳:HackMD 拖曳/Notion 按 Upload/Google Doc 插入電腦圖片,優先走這條。
  3. 圖太大先壓縮:手機截圖常常 2、3 MB,用 Squoosh(squoosh.app)之類的免費工具壓到 1 MB 以下,HackMD 才吃得下。
  4. 需要「一張圖多處共用」時,改用圖床:如果同一張圖要同時放進共筆、Discord、報告投影片,那就把圖丟到一個提供穩定直連的圖床,複製那個網址到處貼,一次到位。
  5. 上線前一定要用無痕視窗自測:開個無痕分頁、不登入,打開共筆看看圖有沒有全部出現。這一步花你 30 秒,能救你一整組的臉。

第 5 點最重要。就這一步,日後就不會再收到「你那頁怎麼都是破圖」的訊息了。別擔心,當年的我也是靠它救場的——看,其實沒很難吧?

需要穩定直連時,圖床是最省事的解

如果你的圖要跨平台重複用(共筆 + 群組 + 投影片都要放),與其在每個平台分別上傳,不如上傳一次、拿到一條穩定直連,到處貼。這正是圖床存在的意義。

以 lpic.cc 為例,它免註冊就能免費上傳,給你一條可以直接貼進 HackMD ![](url)、Notion Embed、或任何 Markdown 的直連網址,走 CDN 分發,任何人任何裝置打開速度都穩定。它還有幾個對共筆蠻實用的功能:可以設密碼保護(敏感的白板照不想被亂看)、閱後即焚(看過就自動失效),甚至也支援影片,不只圖片。

當然要老實說限制:lpic.cc 免費檔案有保存天數的上限(目前為 30 天),也有單檔大小限制,而且是廣告支持的免費服務。所以它適合「開學一學期的共筆、臨時分享」這種場景;如果是要永久典藏、十年後還要翻出來的資料,你得另外做長期備份,別把唯一一份放這。

常見問題 FAQ

Q1:為什麼我看得到圖,組員卻是破圖?

九成是因為你用了「外連」而不是「上傳」,而那個外連來源(通常是你的私人雲端硬碟或某篇私人筆記)只有你有權限。組員的瀏覽器是用陌生訪客身份去抓圖,被權限擋掉就變破圖。解法:改用平台內建的「上傳」,或改用提供公開直連的圖床。

Q2:HackMD 一直說我圖片上傳失敗,怎麼辦?

先檢查圖片大小。免費版每張圖上限是 1 MB,手機截圖很容易超過。用 Squoosh、TinyPNG 這類免費工具壓縮後再貼即可。另外確認你是「上傳」到這份共筆,不是從別篇私人筆記複製連結過來。

Q3:可以直接把 Google 雲端硬碟的圖片連結貼到共筆嗎?

強烈不建議。Google Doc 本身就不接受 drive.google.com 的圖片網址;而在其他平台外連 Drive 圖片,2024 年後也因為 Google 的 Cookie 政策調整大量失效。個人雲端硬碟的分享連結天生不是給「圖片直連」用的,會斷。

Q4:Notion 的 Upload 跟 Embed 到底差在哪?

Upload 是把圖片檔案存進 Notion 自己的雲端,最穩,來源刪了也不影響。Embed 是即時去外部網址抓圖,來源一旦被刪或關權限,就會顯示 Failed to Load。能 Upload 就 Upload。

Q5:一張圖要同時放進共筆、Discord、報告,最省事的做法?

上傳到一個提供穩定直連的圖床(例如免註冊的 lpic.cc),拿一條網址到處貼。這樣只要維護一個來源,任何平台看到的都是同一張圖,也不用在每個地方重傳一次。

參考資料

#共筆#HackMD#Notion#Google Docs#圖片嵌入#斷圖#大學新生
S

作者

Sandy Lin

新手嚮導

站在初學者角度,用最簡單的方式解釋每一個步驟。