图片走cdn逻辑
原本图片是放在自己服务器的,那我们不想让这部分流量占用我们服务器的流量,同时想要享受cdn的好处。我们可以利用jsdelivr网站的cdn功能。
我们在项目中防止一个package.json,里面取个包名,当我们放了一些静态资源的时候,我们可以将这个目录发一下npm包。
然后我们引用这个资源的地方改成:
1
| https://home-fedfans.oss-cn-hangzhou.aliyuncs.com/images/${assets资源}
|
这样我们能享受到cdn + 资源托管的能力,不需要占用自己服务器的带宽。
jsdelivr的官网:https://www.jsdelivr.com/
看样子除了npm包,还能托管github、wordpress相关的。
每次进去比较麻烦,直接写一个bash脚本简单一些。
1 2 3 4 5
| #!/bin/bash
cd source/images npm version patch && npm publish cd ../../
|
更新:感觉确实需要一个图传的SOP,从图片压缩到上传,获取一个cdn的url,然后能修改一下cover链接。类似tps这样的图片上传的图床平台。
2023.1.10 更新:由于jsdeliver速度还是不行,先换成aliyun oss。