图床工具（上传组件）的使用介绍我们一般都有写博客的想法。如果写博客，最好图文结合，而且markdown支持插入图片，markdown图片支持以下三种方式：本地图片、网络图片、base64。这里我们使用网络图片。我们需要做以下准备：阿里云账号：阿里云的oss对象存储每月有5G免费流量，还给了一个域名可以访问图片；图床上传工具：集成oss对象存储功能，可以将本地目录映射到远程目录（可以简单理解为git目录映射）oss对象存储对象存储（ObjectStorageService，简称OSS）是一种海量、安全、阿里云提供的高可靠云存储服务，我们使用阿里云的oss服务来存储图片，需要先登录阿里云，我直接通过支付宝账号登录。（如果没有进入控制台，点击这里进入控制台）阿里云的控制台页面应该是这样的，我们点击进入对象存储OSS（如下图）进入控制台后，我们需要创建一个bucket（空间）来承载我们的图片，点击这里createanew，在新建bucket的时候，Bucketname需要唯一（imagebedtool中需要这个参数），我一般用前缀来区分，没有其他限制。对于area，大家可以根据自己的需要来选择（地图床工具中也会用到区域参数），这里我使用的是深圳节点。关键是读写权限，我们需要设置为publicread，这样我们的图片才能通过外网正常访问，如下图，我们需要新建一个AccessKey，在这个接口我们可以得到AccessKeyID和AccessKeySecret，这两个参数在imagebed工具中也用到了。（如下图所示）至此，我们的oss对象存储空间就创建好了，接下来就是配置imagebed工具了。imagebed工具首先下载imagebed上传工具到本地，然后使用npminstall安装依赖。我们需要新建一个config/config.json文件来配置oss{"oss":{"region":"",//bucket所在的区域，比如深圳的节点是oss-cn-shenzhen，可以在阿里云上查询oss对应的地域（第一步参数）"accessKeyId":"",//阿里云oss提供的accessKeyId（第一步参数）"accessKeySecret":"",//阿里云oss提供的accessKeyId(第一步参数)"bucket":"",//阿里云ossbucket(步骤参数)"localResourceDir":"",//读取本地图片文件夹；default:images"allowFile":""//允许的图像格式，以逗号分隔；default:png,jpg}}配置文件创建完成后，我们需要创建一个本地图片存放目录。该文件夹的名称是配置文件中的localResourceDir。如果不配置这个参数，默认读取根目录下的images文件夹。这是这篇文章的一个例子。第一步用到的四张图片地址为http://shadows-mall.oss-cn-shenzhen.aliyuncs.com/images/blogs/plugins/upload/1.pnghttp://shadows-mall.oss-cn-shenzhen.aliyuncs.com/images/blogs/plugins/upload/2.pnghttp://shadows-mall.oss-cn-shenzhen.aliyuncs.com/images/blogs/plugins/upload/3.pnghttp://shadows-mall.oss-cn-shenzhen.aliyuncs.com/images/blogs/plugins/upload/4.png其中http://shadows-mall.oss-cn-shenzhen.aliyuncs.com/为子域名阿里云提供，下面images/blogs/plugins/upload/1.png是本地目录的映射。对应关系如下图所示。根据路径放置好图片后，执行npmrunupload命令上传，控制台会返回上传的路径，如下图，直接使用控制台输出的路径，就可以使用图片了！喜欢就给个star吧（图床上传工具和博文均为原创），这个对我来说真的很重要，谢谢！
