静态网站、运行时 JSON 与动态接口
深入浅出地讲解静态网站、运行时 JSON 数据与真实动态接口之间的区别,帮助你理解何时使用哪种数据获取策略。
现代网站的数据获取方式多种多样。本文帮助你在构建轻量化博客时做出正确的选择。
三种数据获取策略
1. 纯静态数据
构建时就嵌入 HTML 的数据。 适合:
- 文章正文
- 页面标题和描述(SEO)
- 站点导航
- 作者信息
优点:无需运行时请求,加载极快,SEO 友好
2. 运行时静态 JSON
存放在服务器上的 JSON 文件,由浏览器在页面加载后 fetch。 适合:
- GitHub Star 数
- 最新版本号
- 非关键的统计信息
示提示
运行时 JSON 的优势在于:更新数据不需要重新构建整个网站。只需要替换 JSON 文件即可。
3. 真实动态 API
由后端服务实时处理和返回数据。 适合:
- 评论系统
- 用户登录
- 实时统计
- 个性化推荐
本博客的策略
本博客目前采用"纯静态 + 运行时静态 JSON"的方案。这意味着:
- 所有文章和页面在构建时生成
- 部分可变的数字信息通过 JSON 实时获取
- 不依赖任何后端服务
未来若需要评论等功能,可以通过 DynamicSlot 组件接入独立的 API 服务,不影响现有的静态页面。