Paste Image

 

3C工程師的福音: 從此貼圖有word的便利、卻能有markdown的簡約感、未來感

背景及需求目標

  • 這個插件對3C工程師來說,真是一項福音:
    1. 圖檔的位置由系統決定,不再亂放、找不到。
    2. 複製、剪下、貼上一系列動作,精準進行、不再含混不清。
    3. 使用簡單的免費、設群軟體即可進行
    4. 檔案管理:本機上一份、遠端一份無毀損之虞。
    5. 使用markdown的跨檔全文搜尋、串連功能

插件簡介

Paste Image系列

  • 1.0.4(2019版)市集介紹:Paste Image, mushan(2019)
  • Markdown Paste, telesoho(2022):這個版本的paster比之前的更受歡迎,除了會分辨剪貼簿(clipboard, ctrl-c進入記憶體)的內容格式,按照格式貼上並進行必要的重整,圖形加上檔案連結、程式碼加上格式、Ruby tag(華語及日語的心情插圖)等等服務。

其他改進

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