Docusaurus 3.2 发布,更快的 MDX 开发体验

Docusaurus 是一个静态站点生成器。它构建了一个具有快速客户端导航的单页面应用程序,利用 React 的全部功能使你的网站具有交互性。它提供开箱即用的文档功能,但可用于创建任何类型的网站(个人网站、产品、博客、营销登陆页面等)。

近日,Docusaurus 发布了最新的 3.2 版本,努力减少了在生产模式下构建 Docusaurus 网站所需的时间。在 3.1 和 3.2 之间,Docusaurus 进行了几项更改,使得许多网站的生产构建速度显著加快。

下面就让我们一起来看一下新版本还有什么亮点吧!

性能提升亮点

让我们举个例子,我们在升级到 v3.2 的 React Native 网站上进行的基准测试报告了以下结果:

  • 🔥 冷构建:95 秒 ➡️ 66 秒(快 30%)
  • 🔥 增量构建:55 秒 ➡️ 22 秒(快 60%)

结果将根据你站点的拓扑和你打开的选项而有所不同,但我们预计最大的站点将看到最显着的改进。

请注意,这只是开始,Docusaurus 性能仍然可以显着提高,特别是捆绑时间和内存消耗。跟踪我们的性能问题以了解即将进行的改进。

冷构建和增量构建有什么区别?

冷构建是指 Docusaurus 缓存为空时,通常是在运行后 docusaurus clear。

当你再次运行该 docusaurus build 命令时,就会发生增量构建。Docusaurus 自动尝试重用以前构建的计算,以使后续构建更快。实际上它是基于 Webpack 持久缓存。要在 CI 服务器上启用增量构建,你可以保留 node_modules/.cache 文件夹。

更快的开发服务器

我们还致力于提高开发服务器的性能,以便你在编辑 Markdown/MDX 文件时可以获得更快的反馈。

我们最初实现内容重新加载的方式并不好。例如,编辑博客文章文件也会触发无关文档插件的无用重新加载。从现在开始,当编辑插件的内容时只有该插件才会重新加载。很难精确衡量这一变化的影响,但估计浏览器中出现的编辑速度应该至少快 50%。

我们计划不断提高开发服务器的速度,通过更精细的热重载,确保我们不会运行总是给出相同结果的无用计算。

MDX 部分

Docusaurus 现在能够将来自导入的部分的标题呈现到目录中。

Docusaurus 和 MDX 允许你将一个 Markdown 文件导入到另一个。我们通常将导入的 Markdown 文件称为部分,并使用前缀 _,以便该文件不会导致创建新页面。

# My Doc## Doc headingContent is imported from another MDX file:import ImportedDoc from './\_importedDoc.mdx';<ImportedDoc />
## Partial headingSome paragraph

以前,标题 Partial heading 不会出现在目录中,但现在它会出现!

博客插件增强

  • 新增显示博客文章的最后更新时间和作者。
  • 新增 processBlogPosts 选项,可对博客文章进行过滤、转换、排序。
  • 新增 pageBasePath 选项,自定义博客分页URL段。

站点地图增强

新增 lastmod 选项,支持在 XML 中输出 <lastmod> 标签,通常从 Git 历史读取,也可通过文档和博客的 last_update frontmatter 自定义。

其他改进

  • 新增 Vercel Analytics 插件。
  • docusaurus swizzlecreate-docusaurus CLI 现在会询问用户是否偏好使用 TypeScript。
  • 新增冰岛语翻译。
  • 新增 allContentLoaded 插件生命周期(实验性)。

立即体验 Docusaurus 3.2 带来的速度与灵活性,让文档和网站构建更上一层楼!

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.mzph.cn/bicheng/2322.shtml

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

(三)Servlet教程——Tomcat安装与启动

首先打开浏览器在浏览器地址栏中输入清华大学开源软件镜像站地址&#xff0c;地址如下 https://mirrors.tuna.tsinghua.edu.cn/ 输入地址后回车会出现如下图所示的界面 在该界面找tomcat不是很好找&#xff0c;在搜索框中输入apache然后回车&#xff0c;输入apache后并回车后出…

数控6面钻的优缺点

在木工、家具制造和建筑行业中&#xff0c;数控6面钻已成为一种革命性的工具。这种先进的机器以其高效、精准和多功能性受到了广大制造商的青睐。然而&#xff0c;就像任何技术产品一样&#xff0c;数控6面钻也有其优缺点。在本文中&#xff0c;我们将深入探讨数控6面钻的优缺点…

uboot中bootcmd 和 bootargs 环境变量

文章目录 一、bootcmd环境变量二、bootargs环境变量1.console2.root 三.uboot启动Linux测试方式1&#xff1a;从 EMMC 启动 Linux 系统方式2&#xff1a;从网络启动 Linux 系统 一、bootcmd环境变量 &#x1f4a6;boot 中有两个非常重要的环境变量 bootcmd 和 bootargs。bootc…

Unity的Animator Animation的使用攻略

Animator 动画控制器 Animation 动画 动画片段 .anin 一、创建Animator 创建动画控制器 模型添加Animator组件 把控制器和模型绑定 二、创建动画 进入动画界面 创建动画片段anin 动画窗口分析 制作动画 点击录制&#xff0c; 移动子对象&#xff0c;在视窗 通过移动线来编辑关…

Kibana安装部署(Linux)

Kibana是Elasticsearch的开源可视化工具&#xff0c;与存储在Elasticsearch中的数据进行交互。 1. 下载软件 这里使用的Elasticsearch的版本是7.12.0&#xff0c;所以kibana选择同样的7.12.0版本。 官网下载地址&#xff1a;https://www.elastic.co/cn/downloads/past-releas…

基于SpringBoot的“幼儿园管理系统”的设计与实现(源码+数据库+文档+PPT)

基于SpringBoot的“幼儿园管理系统”的设计与实现&#xff08;源码数据库文档PPT) 开发语言&#xff1a;Java 数据库&#xff1a;MySQL 技术&#xff1a;SpringBoot 工具&#xff1a;IDEA/Ecilpse、Navicat、Maven 系统展示 系统功能结构图 个人信息界面图 缴费信息管理界…

为何申请图形商标的通过率比文字商标低!

最近有朋友找普推知产老杨说要申请图形商标&#xff0c;从全国的平均通过率来看&#xff0c;图形商标的通过率要比文字低一些&#xff0c;因为图形商标存在许多不确定因素。 文字在检索时只要不在盲查期&#xff0c;基本都可以搜索出来&#xff0c;是相同还是高近差不多就可以检…

mysql的DQL语言

查询语法 基础查询 1.查询多个字段 select 字段列表 from 表名; select * from 表名;--查询所有数据 insert into people (id,name,sex) values(1,小明,男),(2,小红,女),(3,小李,男); insert into people (id,name,sex) values(3,小龙,男),(4,小飞,男); update people set id…

分保、等保、关保、密评之间联系与区别

分保、等保、关保、密评之间联系与区别 什么是“三保一评”分保等保关保密评 相关的法律法规依据分保等保关保密评 分保工作简介分保工作流程分级保护技术要求 等保工作简介等保系统定级等保工作流程等保2.0技术保护方案规划等保2.0网络安全设备配置建议等保2.0安全管理规划 关…

基于springboot实现相亲网站系统项目【项目源码+论文说明】计算机毕业设计

基于springboot实现相亲网站系统演示 摘要 信息数据从传统到当代&#xff0c;是一直在变革当中&#xff0c;突如其来的互联网让传统的信息管理看到了革命性的曙光&#xff0c;因为传统信息管理从时效性&#xff0c;还是安全性&#xff0c;还是可操作性等各个方面来讲&#xff…

Linux系统中安装MySQL

1、在电脑中安装虚拟机 2、df -h查看光盘是否挂载&#xff0c;没挂载用mount -o ro /dev/sr0 /media命令挂载 3、进入etc/yum.repos.d目录查看仓是否配置&#xff0c;若配置进行下一一步&#xff0c;未配置则进行配置 配置软件仓库 [rootlocalhost yum.repos.d]# vim rhle.r…

Docker 基本认识

一 国内&#xff1a; 阿里云 提供ECS&#xff08;Elastic Compute Service&#xff09;弹性计算服务&#xff0c;包括通用型、计算型、内存型等多种实例&#xff0c; 满足不同应用场景的需求。 支持按需付费、包年包月等多种计费方式。 腾讯云&#xff1a; 提供CVM&#…

文件File类的学习

File类 File类创建File实例创建文件删除文件创建目录 Reader小结 File类 在java中,通过java.io.File类来对一个文件进行抽象的描述. 下面我们来看看File类的构造方法:签名说明File(File parent, String child)根据父目录孩子文件路径,创建出一个新的File实例File(String pathn…

springboot整合mybatis-plus模版

1.创建springboot项目 Maven类型Lombok依赖Spring Web 依赖MySQL Driver依赖pom.xml&#xff1a;<?xml version"1.0" encoding"UTF-8"?> <project xmlns"http://maven.apache.org/POM/4.0.0" xmlns:xsi"http://www.w3.org/2001/…

Springboot+Vue项目-基于Java+MySQL的非物质文化网站设计与实现(附源码+演示视频+LW)

大家好&#xff01;我是程序猿老A&#xff0c;感谢您阅读本文&#xff0c;欢迎一键三连哦。 &#x1f49e;当前专栏&#xff1a;Java毕业设计 精彩专栏推荐&#x1f447;&#x1f3fb;&#x1f447;&#x1f3fb;&#x1f447;&#x1f3fb; &#x1f380; Python毕业设计 &…

力扣-2259移除指定数字得到的最大结果

思路&#xff1a; 1. def removeDigit(self, number: str, digit: str) -> str:&#xff1a;这是一个类方法&#xff0c;接受两个参数 number 和 digit&#xff0c;分别表示输入的数字字符串和要移除的数字字符&#xff0c;返回一个字符串。 2. n len(number)&#xff1a…

激活虚拟环境.ps1“因为在此系统上禁止运行脚本”解决办法

激活虚拟环境.ps1“因为在此系统上禁止运行脚本”解决办法 1.问题收录 Django激活虚拟环境时遇到的&#xff0c;已解决&#xff0c;作以收录&#xff0c;希望能帮到大家 2.分析问题 核心是Powershell的安全策略&#xff0c;将XX命令视为不安全脚本&#xff0c;不允许执行&…

【火猫TV】意甲:CDK展现自身天赋,真蓝黑军团绝对不会客气

俗话说&#xff1a;树挪死&#xff0c;人挪活。在足坛有很多球员更换球队之后获得了新生&#xff0c;在新球队发挥出了自己的实力&#xff0c;比如从AC米兰租借到亚特兰大的小将德凯特拉雷&#xff08;简称CDK&#xff09;就让红黑军团看走眼。本赛季他在亚特兰大发挥出色&…

制作识货的商品购买页面(注释加讲解)

在制作此页面时运用了浮动&#xff0c;绝对定位&#xff0c;固定定位&#xff0c;相对定位。这些可以让页面整洁美观。 商品购买页面里有很多的商品可大家观看最上面的搜索栏里可以打字下面的&#xff0c;首页&#xff0c;优惠&#xff0c;识物&#xff0c;登录注册都可以进行…

HBase的简单学习三

一 过滤器 1.1相关概念 1.过滤器可以根据列族、列、版本等更多的条件来对数据进行过滤&#xff0c; 基于 HBase 本身提供的三维有序&#xff08;行键&#xff0c;列&#xff0c;版本有序&#xff09;&#xff0c;这些过滤器可以高效地完成查询过滤的任务&#xff0c;带有过滤…