• Docz

• mdx ：MDX 的亮点在于它能让你直接在标记中创建和使用 React 组件。这就为您在编写网站页面时考虑到交互性提供了广泛的可能性。

MDX 是 Markdown 的扩展，允许您导入和使用自定义的 React 组件。

Use MDX with Next.js

我如何搭建自己的博客：作者详细介绍自己使用 Next.js 框架和其他 React 工具，搭建博客的过程。他要使用 MDX 格式将 React 组件加入 Markdown 文件。

搭建博客

• Github + jekyll-now
• Gatsby：面向内容的React静态网站框架
• Next.js：使用Node构建服务端渲染的网站
• SwiftUI-App引用程序的用户界面

静态站点生成器

静态站点生成器融合了服务端渲染（对于 SEO 来说非常重要，也会影响初始加载时间）和单页应用程序的能力。

如今，许多项目即使不需要服务端渲染也选择了一种 SSG，因为 Next 或 Nuxt 之类的解决方案具有很多便捷的功能，例如 markdown 支持、模块打包器和集成的测试运行器等。

如果你很重视前端开发工作，则应仔细研究以下项目，并尝试获得一些实践经验：

• Next（基于 React）
• Nuxt（基于 Vue）
• Gatsby（基于 React）
• Gridsome（基于 Vue）

这些可能是 2020 年最热门的项目，当然选项还有很多。如果你想了解关于它们的更多信息，请查看这些资源：

• Next.js
• Nuxt.js
• Gatsby
• Gridsome

参考: Vue.js 最佳静态站点生成器对比