markdown-tos-image-bed

Features

This vscode extension aims to help bytedancer manage images more conveniently when editing the markdown file. They just need to press the ⌘v hotkey or right click the menu item, the image from clipboard or the local file will be transformed to the img tag in the md file immediately.

Requirement: MacOS + markdown file. Accepted image types: png, jpg, gif

:warning: Preparation work

To enable the extension, you must set your tosClient bucket and accessKey first.

• Fisrt: press ⌘, and open the settings.json file ( :warning: user setting.json not workspace setting)

  

• Second: add the following setting

  {
      "MdTosImageBed.tosClient": {
          "bucket": "your bucket",
          "accessKey": "your accessKey"
      }
  }
  

Usage1: paste from clipboard

After copying some image to the clipboard, you can paste it in the markdown file via the paste hotKey :point_right: ⌘+v。 and you will see the links inserted to md file

<img src='https://tosv.byted.org/obj/ad-tetris-uploadpsd/markdown-tos-image-fb27dd1e5fbfc0f944b2246a6e8d8c4d.gif' width=300 height=218/>

Usage2: paste from local file

You can right click the md file and see the menu as follows:

Extension Settings

By default, the extension will save the clipboard image to the dir of your md file. you can change the setting of MdTosImageBed.deleteClipboardAfterUpload to true

Also， if you want to change the tos end point client. you can change the MdTosImageBed.tosClient, which you have to provide the bucket and accessKey

Enjoy!

Reference

This work is inspired by the repo of vscode-markdown-paste-image——use the mac.appleScript and modify it customly.

TODO

• retry box after upload failed
• withProgress setting
• other systems support
• try catch error decorator