English version
讓你的筆記更豐富 圖片上傳
您可以在筆記中輕鬆插入圖片
HackMD 會自動幫你上傳到圖片資料庫中,並生成一個連結、在筆記中顯示
支援的圖片格式: png
, jpg
, gif
, bmp
, tif
Image Not Showing
Possible Reasons
- The image file may be corrupted
- The server hosting the image is unavailable
- The image path is incorrect
- The image format is not supported
Learn More →
免費版使用者每次可以上傳 1 MB 大小的圖片
Prime 使用者可以解放限制到 20 MB 的圖片。
Image Not Showing
Possible Reasons
- The image file may be corrupted
- The server hosting the image is unavailable
- The image path is incorrect
- The image format is not supported
Learn More →
當您將一篇筆記刪除,上傳到該筆記的圖片也會跟著被刪除哦!
舉例來說:您上傳圖片 A 到「甲筆記」並將圖片 A 的連結貼上到「乙筆記、丙筆記」
當您將「甲筆記」整個刪除,在「乙筆記、丙筆記」的圖片連結就會失效,並且在瀏覽時圖片會顯示讀取失敗
如何上傳圖片
一、拖曳到指定行
使用滑鼠拖曳圖檔到指定的一行
Image Not Showing
Possible Reasons
- The image was uploaded to a note which you don't have access to
- The note which the image was originally uploaded to has been deleted
Learn More →
二、透過工具列上傳
點擊工具列的 圖標 即可從檔案中選擇要上傳的圖片
Image Not Showing
Possible Reasons
- The image was uploaded to a note which you don't have access to
- The note which the image was originally uploaded to has been deleted
Learn More →
三、複製貼上
還有更簡單暴力的方式,直接 Ctrl+V 或 ⌘ Cmd+V ,HackMD 會幫你插入圖片
如何調整圖片尺寸
指定比例
在上傳圖片後的連結後方插入 =50%x
,即可依照比例調整圖片尺寸,最大不會超過筆記的顯示寬度。當然你可以隨意調整百分比,設定 20%、45%、75%。

舉例:

上方灰色區塊的語法呈現結果:
Image Not Showing
Possible Reasons
- The image was uploaded to a note which you don't have access to
- The note which the image was originally uploaded to has been deleted
Learn More →
指定寬度
在上傳圖片後的連結後方插入 =200x
,即可指定圖片寬度,尺寸一樣能隨意調整,像是 10x、350x、600x,最大不會超過筆記的顯示寬度。

舉例:

上方灰色區塊的語法呈現結果:
Image Not Showing
Possible Reasons
- The image was uploaded to a note which you don't have access to
- The note which the image was originally uploaded to has been deleted
Learn More →
FAQ
我的筆記分享/匯出後有些圖片無法讀取,可以怎麼解決?
圖片的閱讀權限和你上傳圖片的原始筆記權限一致(當圖片網址為https://hackmd.io/
)
如果想在多個筆記使用同一張圖片,記得將原始筆記調整為所有人可閱讀哦!
情境
我在A筆記上傳(圖一),A筆記設定只有 擁有者 可閱讀
則當我將(圖一)超連結插入B筆記,並且分享給其他人,圖片將顯示無法存取。