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

提供vpsmjj信息利用DCloud免费搭建自己的图片存储站是很好的服务器交流推荐78833文章

注: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

复制代码

注: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

复制代码

网友回复:

注册 前期完全不要钱啊,真的送送送卧槽,后期收费,搬家搬到手累

kosuo 加权限,不然明天取消完全不要钱啊,真的送送送卧槽额度!coding的文件网盘就是最好的例子

onji

御坂 好东西 学习下

Utime 好 马上撸爆

本人马保国 能整合wp就完美了

白嫖怪 自己偷摸摸用哈

seeseexiyou 支持 顶

kosuo 搞个Demo瞧瞧

hanshe 帖子加个权限

ids 支持技术贴

注册 既然发出来 很快就会凉了,架不住蝗虫太多,比如 改 ts 图床变视频床

注册 说封就封。你们怎么这么多图片要存

1121744186 感​觉​会​黄

towser 加权限,不然明天取消完全不要钱啊,真的送送送卧槽额度!coding的文件网盘就是最好的例子

MoeWang mark大佬

御坂 今天又学到一点东西。

micms mark

Bass manifest.json H5节点里加上     “optimization”: {         “treeShaking”: {             “enable”: true         }     }, 可以压缩下JS大小

ludashi 感觉很快会凉

本人马保国 大佬6666

注册 为什么用自己的便宜的域名无法访问

注册 前期完全不要钱啊,真的送送送卧槽,后期收费,搬家搬到手累

zjonetop mkmk

onji 先**着在说

liumer 老白牛逼

本人马保国 可以访问了

Rece cy

zjonetop 干就完了

时过境迁 刚刚是解析没生效?发出来看看?

Rece 用它分配的那个便宜的域名作为跨域的便宜的域名  部署了 提示跨域问题诶  过了一会 正常了

注册 好贴帮顶

注册 有生效时间,等等就行

yinux 随时收费,到时候就完了

kosuo 是解析慢了

部分来自互联网,侵权联系删除

www.a1fz.com A1fz网专注于福利分享,各种破解软件学习资料,视频教程等等,如有侵权告知管理员删除
A1fz.com,福利吧,宅男福利,宅男,福利社,福利,有福利 » 利用DCloud免费搭建自己的图片存储站

发表评论