Docusaurus自定义宽度：实战指南

张开发
• 2026/4/20 17:25:14 • 15 分钟阅读

最新文章

推荐文章

相关文章

分享文章

Docusaurus自定义宽度：实战指南
引言Docusaurus是一个强大的静态网站生成器，特别适用于文档类网站。最近，我在使用Docusaurus V3时遇到了一个需求：想要增加中心内容列的宽度。本文将详细介绍如何通过custom.css文件来调整Docusaurus网站的宽度，并提供一个实用的示例。了解Docusaurus的默认宽度首先，我们需要了解Docusaurus默认的宽度设置。根据参考内容，默认的中心内容列宽度为825px，而官方文档的宽度则是990px。这里我们将探索如何修改这些值以适应不同的屏幕尺寸。如何调整宽度1. 定位到custom.css文件在Docusaurus项目中，custom.css文件是用来存放自定义CSS样式的。在你的项目根目录下找到src文件夹，然后找到css文件夹，打开custom.css文件。2. 修改CSS自定义属性在custom.css中，我们可以使用CSS变量来覆盖默认的宽度设置。根据参考答案，我们需要修改以下两个CSS自定义属性：:root

更多文章