Environment Setup

Install

First, you can install a VScode plugin called Markdown All in One, and then there's also Markdown Preview Enhanced.

https://marketplace.visualstudio.com/items?itemName=yzhang.markdown-all-in-one

https://marketplace.visualstudio.com/items?itemName=shd101wyy.markdown-preview-enhanced

Paste the configuration image directly.

Plan folder and image naming conventions.

The image name format is the creation date of the current image: timestamp.extension, for example 20251225153422.webp.

Create .vscode/settings.json in the project root directory.

{
  "markdown.editor.filePaste.enabled": "always",
  "markdown.copyFiles.destination": {
    "**/content/posts/*.md": "/public/images/${documentBaseName}/${unixTime}.${fileExtName}",
    "**/content/pages/*.md": "/public/images/pages/${unixTime}.${fileExtName}"
  },
  "markdown.copyFiles.overwriteBehavior": "nameIncrementally"
}