欢迎来到好人卡资源网,专注网络技术资源收集,我们不仅是网络资源的搬运工,也生产原创资源。寻找资源请留言或关注公众号:烈日下的男人

DCloud:搭建自己的免费图片存储站

网站源码 sky995 3年前 (2021-07-16) 773次浏览 0个评论

本文及资源最后更新时间 2021-07-16 by sky995

注:DCloud是禁止使用阿里云空间搭建图床类业务的,所以这个搭起来大家自用就ok了,不用泛滥,到时候大家都没得用

DCloud:搭建自己的免费图片存储站

这个存图片的好处在于图片实际存在阿里云的oss,同时带cdn,所以他是支持阿里云oss的图片链接参数处理的,这就很nice了,图片处理文档如下

DCloud:搭建自己的免费图片存储站

实现的效果预览

DCloud:搭建自己的免费图片存储站

DCloud:搭建自己的免费图片存储站
DCloud:搭建自己的免费图片存储站

开始搭建

第一步:准备一个已经实名过的Dcloud帐号,并安装HBuilderX编辑器

DCloud:搭建自己的免费图片存储站

第二步:下载源码并解压

源码下载地址:

第三步:打开HBuilderX编辑器

选择工具,插件安装,安装如下图所示的插件

DCloud:搭建自己的免费图片存储站

然后点击前往插件市场,安装sass和less插件

DCloud:搭建自己的免费图片存储站

第四步:导入项目

选择文件,导入,从本地目录导入

DCloud:搭建自己的免费图片存储站

导入完成后,在uniCloud文件夹上右击,选择关联云空间或项目

然后点击新建,这里会跳转到unicloud的web控制台,输入一个合适的名字,点击创建

DCloud:搭建自己的免费图片存储站

创建好后点击前端网页托管,点击开通,到这里你可以绑定自己的域名,也可以直接用默认域名
DCloud:搭建自己的免费图片存储站
DCloud:搭建自己的免费图片存储站

点击跨域配置,输入你刚刚绑定的自己域名或者默认域名

然后返回HBuilderX编辑器,点击刷新按钮,选中你刚刚创建的云服务空间,点击关联

关联好后点击manifest.json,选择基础配置,点击重新获取appid
DCloud:搭建自己的免费图片存储站

然后点击发行,网站-pc,在网站标题设置你的名字,勾选前端网页托管和你刚刚创建好的云空间的名字,点击发行

DCloud:搭建自己的免费图片存储站

等待片刻,发行完成后就可以使用了。我是用的默认域名,如下

DCloud:搭建自己的免费图片存储站

最终成品

DCloud:搭建自己的免费图片存储站

同一张图使用链接参数实现不同效果

原图

DCloud:搭建自己的免费图片存储站

限制宽高

DCloud:搭建自己的免费图片存储站

图片加水印

DCloud:搭建自己的免费图片存储站


好人卡资源网 , 版权所有丨如未注明 , 均为原创丨本网站采用BY-NC-SA协议进行授权
转载请注明原文链接:DCloud:搭建自己的免费图片存储站
喜欢 (0)
发表我的评论
取消评论

表情 贴图 加粗 删除线 居中 斜体 签到

Hi,您需要填写昵称和邮箱!

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址