博客系统的架构与数据流转（三个系统，四个保存地）
这套博客系统总共包含三个核心系统和四个保存地点，具体如下：
- Vercel 托管网页（系统一）：负责最终的公开展示。这里存放着一份代码/文件。
- Git 仓库（系统二）：负责代码的版本管理。Vercel 正是从这个仓库获取文件，来进行网页的更新。
- 本地环境（系统三）：本地环境又分为两个保存地：
- 本地文档存储：用于存放文档、消息等内容的本地文件。
- 本地控制台：负责本地后台管理的控制台。
正常的修改与同步顺序
如果要在博客上修改内容，正确的操作顺序是：
从控制台修改 ➔ 同步到本地 ➔ 从本地上传源代码到 Git 仓库 ➔ Vercel 收到仓库发来的更新命令 ➔ 完成网页更新。
之前踩过的坑与原因分析
之前我遇到了问题，是因为没有走通这个流程：
- 我之前直接修改了本地的视频代码。
- 如果不同步控制台而直接上传，会导致控制台端没有这段代码，虽然网页端能出现视频，但状态是脱节的。
- 更关键的是，在控制台进行同步时，同步到本地后，本地的视频代码会被转义变成文本而不是代码，所以只有网页端最终呈现出的是正确的代码，本地和控制台都不正常。
现在的正确解决方案
我现在找到了正确的做法：
- 直接修改控制台里的文件代码，将视频嵌入到那里。
- 这样操作后，控制台的页面上就会直接显示这个视频。
- 接着再进行同步，本地也就有了正确的代码（而不会变成文本）。
- 最后上传到网页，网页端也就顺理成章地有了视频。
总结一句话：必须从控制台端直接注入代码，然后按照“控制台 ➔ 本地 ➔ Git ➔ Vercel”的链条走，才能保证代码不被转义成文本，且四个保存地（控制台、本地、Git、Vercel）的内容完全一致。