# 關於團隊空間中的圖片插入功能 由於 HackMD 的文件是使用 Markdown 格式,如果要在文件中呈現圖片的話,需要將圖片上傳至一個可公開存取的空間中,並取得該圖片的公開存取網址 (URL),取得 URL 後再透過 Markdown 的圖片語法,即可在文件中呈現您想要的圖片。 為了簡化以上步驟,HackMD 提供了快速將圖片上傳,並自動插入 Markdown 圖片語法的功能,可讓您節省大量的時間。 :::info 免費使用者上傳圖片時,有單檔 1 MB 的限制,付費使用者單檔上限為 20 MB。 :inbox_tray: 圖片上傳支援的格式:`png`, `jpg`, `gif`, `bmp`, `tif` ::: 在 HackMD 的筆記中,使用插入圖片功能上傳的圖片,皆會自動上傳至 HackMD 的伺服器,而且圖片的存取權限跟隨筆記的權限。也就是說,誰看得到筆記內容,誰才能看得到圖片內容。隱私有保障。 :::warning :exclamation: 瀏覽圖片的權限會跟隨**上傳圖片時**的筆記。如刪除該篇筆記,也會同時刪除在那篇筆記上傳的圖片的關聯。 舉例來說,如果您將圖片 A 上傳到筆記 X,並將圖片 A 的連結貼到筆記 Y 和 Z,後來刪除了筆記 X,那麼開啟筆記 Y 和 Z 時也將看不到圖片 A。 未來我們考慮將筆記中的圖片等資源,跟筆記分開管理,讓 HackMD 更適合團隊與個人長久存放知識。 ::: ## 插入圖片的三種方式 在團隊中插入圖片的方式與您在使用一般個人筆記無異,可以透過以下三種 HackMD 提供的快速圖片插入功能,將所要呈現的圖片快速的插入至筆記當中。當然,在筆記中要插入的圖片的 Markdown 語法就必須擁有該篇筆記的編輯權限。 ### 1. 拖拉圖片至編輯區域上傳圖片 拖拉圖片上傳功能可以將電腦中的圖片檔案拖拉至筆記編輯區域中上傳,圖片預設會上傳至輸入游標的位置,如果您想控制圖片上傳的位置,可以透過將在編輯區中上下移動改變圖片上傳的位置。 ![拖曳上傳圖片](https://hackmd.io/_uploads/H1YZVz9fR.gif) ### 2. 點選編輯器工具列中的插入圖片按鈕 可以透過點選編輯工具列上方的「插入圖片 <i class="fa fa-picture-o ui-editor-toolbar-image"></i>」按鈕,並選擇本機中的圖片檔案上傳。 ![工具列上傳圖片](https://hackmd.io/_uploads/rkvAEG5fR.gif) :::info :bulb: 如果您的編輯器沒有顯示工具列,可以透過編輯器下方的板手<i class="fa fa-wrench fa-fw"></i>圖示打開設定選單,並將「顯示編輯器工具列」選項打勾。 ![Xnapper-2024-05-09-16.55.08](https://hackmd.io/_uploads/S1f9kzqfA.png =300x) ::: ### 3. 在編輯區貼上剪貼簿中的圖片 HackMD 支援智慧剪貼簿功能,您可以將位於你剪貼簿中的圖片直接使用貼上快捷鍵 <kbd>Ctrl</kbd> + <kbd>V</kbd> 或 <kbd>⌘ Cmd</kbd>+ <kbd>V</kbd> 將圖片自動插入目前編輯游標位置 &nbsp; ## 接下來... <a href="/@docs/how-to-manage-team-notes-tw" class="link-card"> <i class="fa fa-angle-left" aria-hidden="true"></i> 如何管理團隊筆記 </a> <a href="/@docs/unlock-the-limits-of-private-team-members-tw" class="link-card ml-3"> 如何解除私有團隊成員數量限制? <i class="fa fa-angle-right" aria-hidden="true"></i> </a> ###### tags: `tutorials`