静态网站、运行时 JSON 与动态接口

深入浅出地讲解静态网站、运行时 JSON 数据与真实动态接口之间的区别,帮助你理解何时使用哪种数据获取策略。

现代网站的数据获取方式多种多样。本文帮助你在构建轻量化博客时做出正确的选择。

三种数据获取策略

1. 纯静态数据

构建时就嵌入 HTML 的数据。 适合:

  • 文章正文
  • 页面标题和描述(SEO)
  • 站点导航
  • 作者信息
优点:无需运行时请求,加载极快,SEO 友好

2. 运行时静态 JSON

存放在服务器上的 JSON 文件,由浏览器在页面加载后 fetch。 适合:

  • GitHub Star 数
  • 最新版本号
  • 非关键的统计信息

提示

运行时 JSON 的优势在于:更新数据不需要重新构建整个网站。只需要替换 JSON 文件即可。

3. 真实动态 API

由后端服务实时处理和返回数据。 适合:

  • 评论系统
  • 用户登录
  • 实时统计
  • 个性化推荐

本博客的策略

本博客目前采用"纯静态 + 运行时静态 JSON"的方案。这意味着:

  • 所有文章和页面在构建时生成
  • 部分可变的数字信息通过 JSON 实时获取
  • 不依赖任何后端服务

未来若需要评论等功能,可以通过 DynamicSlot 组件接入独立的 API 服务,不影响现有的静态页面。