vuepress-plugin-copy-images v1.1.0

vuepress-plugin-copy-images

介绍（Introduction）

这是一个插件，主要用于使用vuepress搭建的博客，在书写文档时，你可以正常使用typora软件书写md文件并粘贴复制图片，你不必手动去把你的图片放置在public文件夹中，这个操作插件会帮你完成。

安装（Install）

npm i vuepress-plugin-copy-images -D

使用（Usage）

module.exports = {
  plugins: [
    "vuepress-plugin-copy-images",
  ],
}

规则(rule)

• md文件需要在views文件夹下,插件默认会递归views下的assets文件夹下的图片。
• 存放md文件的图片文件夹名称默认为assets

参数(options)

• pageDirName: 你的md文件目录，默认：views
• imagesDir：你的md图片文件夹，默认 assets
• clearImg: 清空上一次copy的img文件目录，重新生成。默认 false

示例(example)

module.exports = {
  plugins: [
    [
      "vuepress-plugin-copy-images",
      {
        pageDirName: 'views',
        imagesDir: 'assets',
        clearImg: false,
      }
    ],
  ],
}

文件结构

├── docs
│   ├── .vuepress
│   │   ├── config.js
│   │   └── public
│   │       ├── logo.jpeg
│   │       └── views
│   │           └── issues
│   │               └── assets
│   │                   └── 1594656712548.png
│   ├── guide
│   │   └── README.md
│   ├── README.md
│   └── views
│       └── issues
│           ├── assets
│           │   └── 1594656712548.png
│           ├── issues.md
│           └── README.md
├── package-lock.json
└── package.json