3C工程師的福音: 從此貼圖有word的便利、卻能有markdown的簡約感、未來感
背景及需求目標
- 這個插件對3C工程師來說,真是一項福音:
- 圖檔的位置由系統決定,不再亂放、找不到。
- 複製、剪下、貼上一系列動作,精準進行、不再含混不清。
- 使用簡單的免費、設群軟體即可進行
- 檔案管理:本機上一份、遠端一份無毀損之虞。
- 使用markdown的跨檔全文搜尋、串連功能
插件簡介
Paste Image系列
- 1.0.4(2019版)市集介紹:Paste Image, mushan(2019)
- Markdown Paste, telesoho(2022):這個版本的paster比之前的更受歡迎,除了會分辨剪貼簿(clipboard,
ctrl-c
進入記憶體)的內容格式,按照格式貼上並進行必要的重整,圖形加上檔案連結、程式碼加上格式、Ruby tag(華語及日語的心情插圖)等等服務。
其他改進
- 這類的插件在VS市集中還不少,除了前述普及之Paste 系列之外,也有
- Paste Picture v0.0.6, anderson(2020)、
- Paste Image To Markdown.
- 將圖片上傳至七牛雲、阿里云、upyun、特定ftp位置、本地PC、等等特定用途的插件
Paste Image安裝設定
- 只須點選
install
即可安裝 - 不需進一步設定
Paste Image使用
選取與貼上
- 使用任何剪取工具皆可(剪取工具、win10的剪取與繪圖、excel圖面上按下
ctrl-C
、mac的螢幕截圖工具等等)、 - 回到VSCode文件處,按下
ctrl-alt-v
,會出現對話框顯示內設的儲存位置與檔名,如不修改直接下enter
鍵即會在文件處出現markdonw之連結![] ../(PATH_to_png)/YYYY-MM-DD-hh-mm-ss.png
。
文字及圖檔的發布
- 直接交付檔案:注意需同時複製文件與前述圖檔,最好以壓縮程式,同時點選文件及圖檔後「傳送到->壓縮的資料夾」,解開時就可以仍然保持目錄的正確性。
- 上傳至雲端
- 如以github為例,因為github對圖檔有另外的顯示策略,url的路徑不能以相對路徑型態,需加上絕對路徑
- 如以前述剪貼版示意圖而言,必須連接到另一個url位置raw.githubusercontent.com及master(pull ID)
- 相對路徑
![](../attachments/2023-01-10-09-45-52.png)
- 絕對路徑
https://raw.githubusercontent.com/sinotec2/foam1/master/attachments/2023-01-10-09-26-55.png)
- 相對路徑
- FAQ
- 上傳到wiki.js