Jake Lee
首页博客项目关于联系
EN中文
EN中文

订阅更新

不定期发送新文章和项目更新。

Jake Lee

不定期发送新文章和项目更新。

GitHub
© 2026 Jake Lee. All rights reserved.
2026年3月15日2 分钟阅读engineering

用 MDX 搭建可扩展的个人站

为什么 MDX 很适合会逐步演化成平台的个人品牌网站,以及静态生成如何保持速度优势。

nextjsmdxarchitecture

这篇文章用来展示 MDX、带语法高亮的代码块,以及未来可以平滑扩展到 CMS 或数据库的内容结构。

为什么先用 MDX

基于 Git 的内容管理让草稿可以放在分支里,差异清晰可读,部署路径也更可控。等你需要定时发布、协作编辑或非技术同学参与时,再把相同 slug 迁到 Postgres 或 Payload,也不必重写路由。

代码示例

export const revalidate = 3600;
 
export async function generateStaticParams() {
  return getAllSlugs().map((slug) => ({ slug }));
}

接下来可以加什么

标签、分类和 RSS 能帮助读者发现更多内容。联系表单和订阅入口则能把流量转成后续关系,而不需要一开始就接入庞大的 CMS。

用于目录的小标题

在大屏幕上,这一节应该会出现在文章旁边的目录里。

更早

以静态为先,只在必要处使用动态能力

相关文章

  • 2026年3月1日1 minperformance
    以静态为先,只在必要处使用动态能力
    个人站点的一条简单原则:营销页和内容页尽量静态化,变更操作放在小而清晰的 API 路由后面。
    nextjsperformanceseo
  • 2025年3月12日17 minframeworks
    Nuxt vs Next:不要按功能清单比较,而要按框架运行模型比较
    从组件心智、数据获取、渲染模式、约定深度、部署假设与团队匹配度出发,对 Nuxt 与 Next 做面向资深前端的系统比较。
    frontendnuxtnextjsvuereact
  • 2025年12月20日11 mintooling
    Vite vs Webpack:开发速度并不等于构建架构优劣
    从启动时延、HMR、插件生态、生产构建、历史包袱与迁移成本等维度,系统比较 Vite 与 Webpack。
    frontendvitewebpackbuild-tools

本页目录

  • 为什么先用 MDX
  • 代码示例
  • 接下来可以加什么
  • 用于目录的小标题