零成本搭建个人文章之图床和 cdn 加速
本文属于零成本搭建个人文章指南系列
为什么要使用图床
文章文章中的图片资源文件一般采用本地相对/绝对路径引用,或者使用图床通过外链进
行引用展示。本地引用的弊端我认为在于:
图片和文章放在同一个代码托管仓库,会导致页面加载和构建速度随着图片数量和体积变
大导致缓慢。
本地写作图片路径和静态页面生成后的图片路径实际上是不一样的。例如我在编写时引用
的是/static/images/1.png,静态构建后,该图片实际路径变成了/images/1.png,如果手动修改,
那么本地预览效果则大打折扣。(每个文章框架有一些解决方案,不太通用就不提了)。
不易于分享:当分享本地文章时,由于图片是基于本地的,所以无法分享。
使用图床优点:
方便分享以及文章移动:文章引用的是外链,所以可以随意移动文章路径以及分享文章。
不影响构建速度:图片不在本地,不占用空间。
书写方便:使用 Obsidian、vscode+插件或者 typora 能自动添加图片以及生成图片链接的
编辑软件,结合 Picgo——自动上传图片的软件,可以十分快捷的插入图床图片。再也不用
一张张手动上传图片。
图床缺点:各类厂商图床可能存在的问题包括但不限于:存储空间和流量免费付费问题。
稳定性、安全性。我会在下文图床选择中根据不同厂商情况简单提及,有需求的用户可以顺
着思路去了解。
图床选择
国内大厂的对象存储服务:腾讯云阿里云七牛云都有自己的对象存储服务。用户可以创建
自己的存储桶,上传文件后自动生成外链访问。
优点:存储费十分便宜,0.01 元/GB 左右。当作图床基本无需担忧费用。
缺点(风险):流量费用很高,这里流量指的是用户通过外链访问或者下载资源时会生成
流量。以腾讯云为例,0.5 元/GB 流量费用,如果是个人当文章图床小范围使用还好。当访
问量上升,或者外链被他人分享使用,就有可能导致费用暴涨,更不用提如果被恶意下载刷
流量。目前个人已知的存储桶只能设置上限预警,在欠费几小时后被动关闭。(七牛云各种
免费额度很高,不过需要备案域名)
解决:使用 cdn 加速来大幅度减少流量费,同时 cdn 设置上限阈值。隐藏文件原链接,设