通过uniCloud白捡一个在线图库管理工具，可做图床外链

喜欢写文章的技术大佬们，应该都有一个自己的在线图片管理工具吧。

尤其是在写markdown时，为了让我们的文章“图文并茂”，显得不那么枯燥，就经常需要在合适的地方插入一些关联性的图片。

据（xia）说（shuo）图片还能有效减少读者的视觉疲劳，使大脑有一个短暂的缓冲效果。

然而，markdown中插入图片是严重依赖于在线可访问的图片的。如果没有一个专门的图片管理工具，要插入一张图片还真的很折腾人。

介绍

得益于现在云开发概念的兴起，前端小伙伴们的全栈之路变得轻松了许多。

不用搭服务器、不用管数据库、不用买OSS、甚至都不用学Linux了；当然，最关键的还是这一切都变得“免费”了！

不管是阿里云、还是腾讯云，每个月都是有免费的额度的。就算额度超了，按量计费也是非常的划算。反正，我是没超过。

uniCloud就是基于阿里云和腾讯云，为开发者提供的一个云开发平台。为什么选择uniCloud呢？主要是得益于uni家族的整个生态，可以完美的衔接起来。从开发到部署的整个流程全部都给你准备好了，只管用就是了。

开搞

2.1 创建项目

你可以选择uni官方推荐的HBuilderX创建，也可以选择cli命令行模式。

下面是通过cli命令行创建vite + ts + vue3的项目模板：

npx degit dcloudio/uni-preset-vue#vite-ts my-vue3-project

2.2 创建云服务空间

去uniCloud控制台创建一个服务空间，可自由选择阿里云和腾讯云，建议选择阿里云。

然后通过HBuilderX打开之前创建的项目，在项目的根目录上右键，选择创建uniCloud云开发环境，然后选择阿里云或腾讯云进行创建。

最后在uniCloud文件夹上右键，与之前创建的云服务空间进行关联。

2.3 上传图片

主要步骤是先通过uni.chooseImage方法选择本地图片，然后再利用uniCloud的APIuniCloud.uploadFile方法将图片上传到云存储中去。

调用uniCloud的API必须先在项目中进行初始化，也就是跟你开通的云空间关联起来。

uniCloud初始化：

// ... 其他代码已省略
onLaunch() {
   
  // 云空间初始化
  uniCloud.init({
   
    provider: 'aliyun',
    spaceId: 'xxxxxxxxxxxxxxxxxxxxxxxxx',
    clientSecret: 'xxxxxxxxxxxxxxxxxxxxxxxxx',
  })