全球主机交流论坛

标题: 利用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