kosuo 大佬有话说 :
利用DCloud免费搭建自己的图片存储站
本帖最后由 kosuo 于 2021-7-2 21:02 编辑
注：DCloud是禁止使用阿里云空间搭建图床类业务的，所以这个搭起来大家自用就ok了，不用泛滥，到时候大家都没得用
https://vkceyugu.cdn.bspapp.com/VKCEYUGU-981d04e0-60c4-4de7-b9ce-9c04d619ae80/b92b4077-5ea2-410e-8387-014975900da4.png
这个存图片的好处在于图片实际存在阿里云的oss，同时带cdn，所以他是支持阿里云oss的图片链接参数处理的，这就很nice了，图片处理文档如下
https://help.aliyun.com/document_detail/44688.html?spm=a2c4g.11186623.6.741.21374981derH8a
https://vkceyugu.cdn.bspapp.com/VKCEYUGU-981d04e0-60c4-4de7-b9ce-9c04d619ae80/c5e81c56-fbf8-48fb-94f4-f8e48a86f92c.png
实现的效果预览
https://vkceyugu.cdn.bspapp.com/VKCEYUGU-981d04e0-60c4-4de7-b9ce-9c04d619ae80/ddfb645c-2a58-4e94-bf79-f28a33333753.png
https://vkceyugu.cdn.bspapp.com/VKCEYUGU-981d04e0-60c4-4de7-b9ce-9c04d619ae80/41004d0e-02d7-410a-99b4-2976f490693f.png
https://vkceyugu.cdn.bspapp.com/VKCEYUGU-981d04e0-60c4-4de7-b9ce-9c04d619ae80/a0cbf6b5-d5b6-4677-9f70-42aa484ee7ec.png
https://vkceyugu.cdn.bspapp.com/VKCEYUGU-981d04e0-60c4-4de7-b9ce-9c04d619ae80/a3675f74-749f-44a4-a191-797707b1f38b.png
开始搭建
第一步：准备一个已经实名过的Dcloud帐号，并安装HBuilderX编辑器
https://vkceyugu.cdn.bspapp.com/VKCEYUGU-981d04e0-60c4-4de7-b9ce-9c04d619ae80/1ffd7891-92ca-429b-9066-22de473b13d9.png
如果没有Dcloud实名帐号或者不想用自己身份实名的，可以去下面的地址直接买一个成品
https://www.fengchuicao.com/links/9B176D1B
第二步：下载源码并解压
源码下载地址：https://vkceyugu.cdn.bspapp.com/VKCEYUGU-981d04e0-60c4-4de7-b9ce-9c04d619ae80/75cf2966-4845-4158-8e93-3b6f2216bdbc.rar
第三步：打开HBuilderX编辑器
选择工具，插件安装，安装如下图所示的插件
https://vkceyugu.cdn.bspapp.com/VKCEYUGU-981d04e0-60c4-4de7-b9ce-9c04d619ae80/d96b41c2-40e1-43b6-88d2-9dae29b4baf3.png
然后点击前往插件市场，安装sass和less插件
https://vkceyugu.cdn.bspapp.com/VKCEYUGU-981d04e0-60c4-4de7-b9ce-9c04d619ae80/a15929b4-77b7-4544-bfc9-0a6a6cb75ba1.png
第四步：导入项目
选择文件，导入，从本地目录导入
https://vkceyugu.cdn.bspapp.com/VKCEYUGU-981d04e0-60c4-4de7-b9ce-9c04d619ae80/61dae23c-8b6c-459f-9aba-5451725d77e7.png
导入完成后，在uniCloud文件夹上右击，选择关联云空间或项目
然后点击新建，这里会跳转到unicloud的web控制台，输入一个合适的名字，点击创建
https://vkceyugu.cdn.bspapp.com/VKCEYUGU-981d04e0-60c4-4de7-b9ce-9c04d619ae80/2d99ad2b-d85c-42b1-864f-33c3e0a2bedb.png
创建好后点击前端网页托管，点击开通,到这里你可以绑定自己的域名，也可以直接用默认域名
https://vkceyugu.cdn.bspapp.com/VKCEYUGU-981d04e0-60c4-4de7-b9ce-9c04d619ae80/cf0d9cd8-d2f1-49c8-8e6b-7aadcec5b265.png
https://vkceyugu.cdn.bspapp.com/VKCEYUGU-981d04e0-60c4-4de7-b9ce-9c04d619ae80/b43b3112-4a07-4e8e-aaec-4246bcf957f8.png
点击跨域配置，输入你刚刚绑定的自己域名或者默认域名
然后返回HBuilderX编辑器，点击刷新按钮，选中你刚刚创建的云服务空间，点击关联
关联好后点击manifest.json，选择基础配置，点击重新获取appid
https://vkceyugu.cdn.bspapp.com/VKCEYUGU-981d04e0-60c4-4de7-b9ce-9c04d619ae80/b4a00196-e9b1-406c-b817-59cc8124da49.png
然后点击发行，网站-pc,在网站标题设置你的名字，勾选前端网页托管和你刚刚创建好的云空间的名字，点击发行
https://vkceyugu.cdn.bspapp.com/VKCEYUGU-981d04e0-60c4-4de7-b9ce-9c04d619ae80/cad02009-8fee-4d2f-8253-a00ea2f852ff.png
等待片刻，发行完成后就可以使用了。我是用的默认域名，如下
https://vkceyugu.cdn.bspapp.com/VKCEYUGU-981d04e0-60c4-4de7-b9ce-9c04d619ae80/f44d3392-ae18-4368-97b7-b45935ace981.png
最终成品
https://vkceyugu.cdn.bspapp.com/VKCEYUGU-981d04e0-60c4-4de7-b9ce-9c04d619ae80/27eca2ff-b007-44c7-bb64-5f02529b856e.png
同一张图使用链接参数实现不同效果
原图
https://vkceyugu.cdn.bspapp.com/VKCEYUGU-981d04e0-60c4-4de7-b9ce-9c04d619ae80/36d2d5eb-11cb-4cce-b14e-c19812e56d3f.jpg
https://vkceyugu.cdn.bspapp.com/VKCEYUGU-981d04e0-60c4-4de7-b9ce-9c04d619ae80/36d2d5eb-11cb-4cce-b14e-c19812e56d3f.jpg
限制宽高
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
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
图片加水印
https://vkceyugu.cdn.bspapp.com/VKCEYUGU-981d04e0-60c4-4de7-b9ce-9c04d619ae80/36d2d5eb-11cb-4cce-b14e-c19812e56d3f.jpg?x-oss-process=image/watermark,text_SGVsbG8gV29ybGQ
https://vkceyugu.cdn.bspapp.com/VKCEYUGU-981d04e0-60c4-4de7-b9ce-9c04d619ae80/36d2d5eb-11cb-4cce-b14e-c19812e56d3f.jpg?x-oss-process=image/watermark,text_SGVsbG8gV29ybGQ
调整对比度
https://vkceyugu.cdn.bspapp.com/VKCEYUGU-981d04e0-60c4-4de7-b9ce-9c04d619ae80/36d2d5eb-11cb-4cce-b14e-c19812e56d3f.jpg?x-oss-process=image/contrast,50
https://vkceyugu.cdn.bspapp.com/VKCEYUGU-981d04e0-60c4-4de7-b9ce-9c04d619ae80/36d2d5eb-11cb-4cce-b14e-c19812e56d3f.jpg?x-oss-process=image/contrast,50
转换成png格式并设置渐进现实（不需要懒加载了）
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
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度
https://vkceyugu.cdn.bspapp.com/VKCEYUGU-981d04e0-60c4-4de7-b9ce-9c04d619ae80/36d2d5eb-11cb-4cce-b14e-c19812e56d3f.jpg?x-oss-process=image/rotate,90
https://vkceyugu.cdn.bspapp.com/VKCEYUGU-981d04e0-60c4-4de7-b9ce-9c04d619ae80/36d2d5eb-11cb-4cce-b14e-c19812e56d3f.jpg?x-oss-process=image/rotate,90
Utime 大佬有话说 :
yc017t
本人马保国 大佬有话说 :
好东西 学习下https://cdn.jsdelivr.net/gh/hishis/forum-master/public/images/patch.gif
白嫖怪 大佬有话说 :
好
马上撸爆
seeseexiyou 大佬有话说 :
能整合wp就完美了
kosuo 大佬有话说 :
白嫖怪 大佬有话说 : 2021-7-2 20:51
好
马上撸爆
自己偷摸摸用哈
hanshe 大佬有话说 :
支持 顶
ids 大佬有话说 :
搞个Demo瞧瞧
ziyounb 大佬有话说 :
帖子加个权限
冷心 大佬有话说 :
支持技术贴