如何零成本实现个人博客的图床与CDN加速配置？

本文共计2157个文字，预计阅读时间需要9分钟。

本指南属于零成本搭建个人博客系列。为什么要使用图床？博客文章中的图片资源一般采用本地相对/绝对路径引用，或通过图床的外链进行引用。本地引用的优势在于方便管理和修改，但缺点是文件存储在本地，不利于博客迁移。图床则提供在线存储，便于博客迁移和备份。本地引用的弊端，我认为在于‘本地’。

本文属于零成本搭建个人博客指南系列

为什么要使用图床

1. 博客文章中的图片资源文件一般采用本地相对/绝对路径引用，或者使用图床通过外链进行引用展示。本地引用的弊端我认为在于：
   1. 图片和博客放在同一个代码托管仓库，会导致页面加载和构建速度随着图片数量和体积变大导致缓慢。
   2. 本地写作图片路径和静态页面生成后的图片路径实际上是不一样的。例如我在编写时引用的是/static/images/1.png，静态构建后，该图片实际路径变成了/images/1.png，如果手动修改，那么本地预览效果则大打折扣。（每个博客框架有一些解决方案，不太通用就不提了）。
   3. 不易于分享：当分享本地文章时，由于图片是基于本地的，所以无法分享。
2. 使用图床优点：
   1. 方便分享以及文章移动：文章引用的是外链，所以可以随意移动文章路径以及分享文章。
   2. 不影响构建速度：图片不在本地，不占用空间。
   3. 书写方便：使用Obsidian、vscode+插件或者typora能自动添加图片以及生成图片链接的编辑软件，结合Picgo——自动上传图片的软件，可以十分快捷的插入图床图片。再也不用一张张手动上传图片。