全球主机交流论坛

标题: 利用DCloud免费搭建自己的图片存储站 [打印本页]
作者: kosuo    时间: 2021-7-2 20:44
标题: 利用DCloud免费搭建自己的图片存储站
本帖最后由 kosuo 于 2021-7-2 21:02 编辑

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



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

  1. https://help.aliyun.com/document_detail/44688.html?spm=a2c4g.11186623.6.741.21374981derH8a
复制代码




实现的效果预览






开始搭建

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



如果没有Dcloud实名帐号或者不想用自己身份实名的，可以去下面的地址直接买一个成品

  1. https://www.fengchuicao.com/links/9B176D1B
复制代码


第二步：下载源码并解压

源码下载地址：
  1. https://vkceyugu.cdn.bspapp.com/VKCEYUGU-981d04e0-60c4-4de7-b9ce-9c04d619ae80/75cf2966-4845-4158-8e93-3b6f2216bdbc.rar
复制代码


第三步：打开HBuilderX编辑器

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



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



第四步：导入项目

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



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

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



创建好后点击前端网页托管，点击开通,到这里你可以绑定自己的域名，也可以直接用默认域名



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

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

关联好后点击manifest.json，选择基础配置，点击重新获取appid


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



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



最终成品




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

原图
  1. https://vkceyugu.cdn.bspapp.com/VKCEYUGU-981d04e0-60c4-4de7-b9ce-9c04d619ae80/36d2d5eb-11cb-4cce-b14e-c19812e56d3f.jpg
复制代码



限制宽高
  1. https://vkceyugu.cdn.bspapp.com/VKCEYUGU-981d04e0-60c4-4de7-b9ce-9c04d619ae80/36d2d5eb-11cb-4cce-b14e-c19812e56d3f.jpg?x-oss-process=image/resize,m_fixed,h_100,w_100
复制代码




图片加水印
  1. https://vkceyugu.cdn.bspapp.com/VKCEYUGU-981d04e0-60c4-4de7-b9ce-9c04d619ae80/36d2d5eb-11cb-4cce-b14e-c19812e56d3f.jpg?x-oss-process=image/watermark,text_SGVsbG8gV29ybGQ
复制代码




调整对比度
  1. https://vkceyugu.cdn.bspapp.com/VKCEYUGU-981d04e0-60c4-4de7-b9ce-9c04d619ae80/36d2d5eb-11cb-4cce-b14e-c19812e56d3f.jpg?x-oss-process=image/contrast,50
复制代码




转换成png格式并设置渐进现实（不需要懒加载了）
  1. https://vkceyugu.cdn.bspapp.com/VKCEYUGU-981d04e0-60c4-4de7-b9ce-9c04d619ae80/36d2d5eb-11cb-4cce-b14e-c19812e56d3f.jpg?x-oss-process=image/format,png/interlace,1
复制代码



图片旋转90度
  1. https://vkceyugu.cdn.bspapp.com/VKCEYUGU-981d04e0-60c4-4de7-b9ce-9c04d619ae80/36d2d5eb-11cb-4cce-b14e-c19812e56d3f.jpg?x-oss-process=image/rotate,90
复制代码








作者: Utime    时间: 2021-7-2 20:49
作者: 本人马保国    时间: 2021-7-2 20:49
好东西 学习下
作者: 白嫖怪    时间: 2021-7-2 20:51
提示: 作者被禁止或删除 内容自动屏蔽
作者: seeseexiyou    时间: 2021-7-2 20:54
能整合wp就完美了
作者: kosuo    时间: 2021-7-2 20:54
白嫖怪 发表于 2021-7-2 20:51
好
马上撸爆

自己偷摸摸用哈
作者: hanshe    时间: 2021-7-2 20:54
支持 顶
作者: ids    时间: 2021-7-2 21:13
提示: 作者被禁止或删除 内容自动屏蔽
作者: ziyounb    时间: 2021-7-2 21:27
帖子加个权限
作者: 冷心    时间: 2021-7-2 21:35
支持技术贴
作者: 1121744186    时间: 2021-7-2 21:48
既然发出来 很快就会凉了，架不住蝗虫太多，比如 改 ts 图床变视频床
作者: towser    时间: 2021-7-2 21:53
说封就封。你们怎么这么多图片要存
作者: MoeWang    时间: 2021-7-2 21:56
感​觉​会​黄
作者: 御坂    时间: 2021-7-2 23:02
加权限，不然明天取消免费额度！coding的文件网盘就是最好的例子
作者: micms    时间: 2021-7-2 23:09
mark大佬
作者: Bass    时间: 2021-7-3 13:12
今天又学到一点东西。
作者: ludashi    时间: 2021-7-3 13:53
mark
作者: 本人马保国    时间: 2021-7-3 14:02
manifest.json
H5节点里加上
    "optimization": {
        "treeShaking": {
            "enable": true
        }
    },
可以压缩下JS大小
作者: onji    时间: 2021-7-3 14:17
感觉很快会凉
作者: 爱偏离轨道    时间: 2021-7-3 14:24
大佬6666
作者: zjonetop    时间: 2021-7-3 14:55
提示: 作者被禁止或删除 内容自动屏蔽
作者: onji    时间: 2021-7-3 15:09

前期免费，后期收费，搬家搬到手累
作者: liumer    时间: 2021-7-3 15:11
mkmk
作者: 本人马保国    时间: 2021-7-3 15:12
onji 发表于 2021-7-3 15:09
前期免费，后期收费，搬家搬到手累

先**着在说
作者: Rece    时间: 2021-7-3 19:23
老白牛逼
作者: zjonetop    时间: 2021-7-3 19:24
提示: 作者被禁止或删除 内容自动屏蔽
作者: 时过境迁    时间: 2021-7-3 19:27
cy
作者: Rece    时间: 2021-7-3 19:28
干就完了
作者: kosuo    时间: 2021-7-3 19:32
zjonetop 发表于 2021-7-3 19:24
可以访问了

刚刚是解析没生效？发出来看看？
作者: Clever    时间: 2021-7-3 19:53
本帖最后由 Clever 于 2021-7-3 19:55 编辑
kosuo 发表于 2021-7-3 19:32
刚刚是解析没生效？发出来看看？


用它分配的那个域名作为跨域的域名  部署了 提示跨域问题诶  过了一会 正常了
作者: yinux    时间: 2021-7-3 20:17
好贴帮顶
作者: kosuo    时间: 2021-7-3 20:25
Clever 发表于 2021-7-3 19:53
用它分配的那个域名作为跨域的域名  部署了 提示跨域问题诶  过了一会 正常了 ...

有生效时间，等等就行
作者: maypu    时间: 2021-7-3 22:46
随时收费，到时候就完了
作者: zjonetop    时间: 2021-7-3 23:09
提示: 作者被禁止或删除 内容自动屏蔽



欢迎光临 全球主机交流论坛 (https://loc.193.gs/) Powered by Discuz! X3.4