Docusaurus 介绍
⚡️ Docusaurus will help you ship a beautiful documentation site in no time.
💸 自己造轮子是一件苦差事。 Instead, focus on your content and just write Markdown files.
💥 想深入了解吗? Use advanced features like versioning, i18n, search and theme customizations.
💅 Check the best Docusaurus sites for inspiration and read some testimonials.
🧐 Docusaurus is a static-site generator. It builds a single-page application with fast client-side navigation, leveraging the full power of React to make your site interactive. It provides out-of-the-box documentation features but can be used to create any kind of site (personal website, product, blog, marketing landing pages, etc).
Fast Track ⏱️
Understand Docusaurus in 5 minutes by playing!
Create a new Docusaurus site and follow the very short embedded tutorial.
Install Node.js and create a new Docusaurus site:
npx create-docusaurus@latest my-website classic
运行网站:
cd my-website
npx docusaurus start
Open http://localhost:3000
and follow the tutorial.
Use docusaurus.new to test Docusaurus immediately in your browser!
Or read the 5-minute tutorial online.
Docusaurus: 让文档变得易于上手
In this presentation at Algolia Community Event, Meta Open Source team shared a brief walk-through of Docusaurus. 他们介绍了如何上手项目,启用插件,并设置文档和博客等功能。
Migrating from v1
Docusaurus v2+ 在 v1 基础上完全重写了内部逻辑,采用了一套完全现代化的工具链。 After v2's official release, we highly encourage you to use Docusaurus v2+ over Docusaurus v1, as Docusaurus v1 has been deprecated.
A lot of users are already using Docusaurus v2+ (trends).
Use Docusaurus v2+ if:
- ✅ 你想要一个现代化的 Jamstack 文档网站
- ✅ 你想要自带客户端路由的单页应用 (SPA)
- ✅ 你想要发挥 React 和 MDX 的全部功力
- ✅ 你不需要支持 IE11
Use Docusaurus v1 if:
- ❌ 你不需要单页应用 (SPA)
- ❌ 你需要支持 IE11 (……你真的需要吗? IE has already reached end-of-life and is no longer officially supported)
For existing v1 users that are seeking to upgrade to v2+, you can follow our migration guides.
Features
Docusaurus 从设计之初就极度重视开发者及贡献者的体验。
- ⚛️ Built with 💚 and React:
- 使用 React 实现扩展与自定义
- 提供你自己的 React 组件,从而完全掌控网站的浏览体验
- Pluggable:
- 使用基础模板搭建网站,随后使用进阶功能及插件
- 开放你的插件源码,与社区共享
- ✂️ Developer experience:
- 立即开始撰写你的软件文档
- 统一配置文件,贡献者可以轻松维护
- 热重载,飞速增量构建
- 基于路由的代码及数据拆分
- 轻松发布到 GitHub Pages、Netlify、Vercel 和其他部署服务
我们的共同目标——快速让用户找到需要的内容,并更好地了解你的产品。 我们和你分享我们的最佳实践,帮助你正确而优雅地构建自己的文档网站。
- 🎯 SEO friendly:
- 为每条路径静态生成 HTML 文件。
- 为每个页面做单独搜索引擎优化,帮助用户快速到达官方文档,解决当前问题。
- 📝 Powered by MDX:
- 用 JSX 和 React 撰写交互组件,并将其嵌入 Markdown。
- 在实时编辑器中分享你的代码,让你的用户迅速爱上你的产品。
- 🔍 Search: Your full site is searchable.
- 💾 Document Versioning: Helps you keep documentation in sync with project releases.
- 🌍 Internationalization (i18n): Translate your site in multiple locales.
Docusaurus v2+ 生而乐意为全体用户服务,而且快如闪电。
- ⚡️ Lightning-fast. Docusaurus v2+ follows the PRPL Pattern that makes sure your content loads blazing fast.
- 🦖 Accessible. 我们重视无障碍访问性,让所有用户都能平等地访问你的网站。
Design principles
- Little to learn. Docusaurus 的 API 小而精,保证易于上手使用。 用户仍然可以完成大多数功能,即使需要花更多时间写更多代码。 没有抽象要比错误的抽象更好,我们不希望用户在错误的抽象上捣鼓解决方案。 Mandatory talk—Minimal API Surface Area.
- Intuitive. 用户查看 Docusaurus 项目目录或添加新特性时不会感到头昏脑胀。 软件应简单直观,用户则可轻松扩展。
- Layered architecture. 软件栈的分层(内容/主题/样式)应一目了然——充分抽象且模块化。
- Sensible defaults. 常见、热门的性能优化选项会自动支持,并仍提供手动覆盖的方式。
- No vendor lock-in. 用户无需使用默认插件或 CSS(虽然我们强烈推荐这么做)。 某些核心基础设施,例如 React Loadable 和 React Router 不能替换,因为我们基于这些做了默认性能优化,但更高层的架构则可以随意替换。 Markdown 引擎、CSS 框架、CSS 方法和其他架构的选择完全取决于用户。
我们相信,作为开发者,了解库的工作原理有助于我们更好地使用它。 因此,我们致力于诠释 Docusaurus 的架构和各个组件,希望用户在阅读后能对该工具有更深入的了解,从而更熟练地使用它。
Comparison with other tools
在所有的静态网站生成器中,Docusaurus 独树一帜,专注于文档网站,拥有诸多开箱即用的功能。
我们同时也研究了其他一些主流静态站点生成器,想和你一起分享我们比较后的看法,希望能帮你在多种选择中做出判断。