vuepress-plugin-copy-images
v1.1.0
Published
A vuepress plugin for auto copy imags
Downloads
6
Readme
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