.video-container { position: relative; width: 100%; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } 写博客的人都绕不开一个问题：图片存哪。 用第三方图床，怕运营方跑路、怕忽然收费限速；把图片直接提交进 Git 仓库，几十篇文章下来仓库能到几百 MB，克隆一次等半天。而自己买服务器跑图床，为了几张截图付一整台 VPS，怎么算都不划算。 这篇记录一套我实际跑通的方案：Cloudflare Pages 托管 + D1 存元数据 + Telegram 存文件 + R2 兜底，全程只用免费额度，不买服务器、不用备案、不付流量费。 视频版在这里，跟着操作更直观：https://youtu.be/sxYl6IyOlC4 下面把完整的项目地址、全部初始化 SQL、每一处界面路径和踩过的坑都写清楚 ...