修复 Docusaurus 引入 Tailwind 后标题样式丢失
· 阅读需 2 分钟
TL;DR
Docusaurus 项目引入 Tailwind CSS 后,markdown 文档中的标题(h1-h6)会失去默认样式。原因是 Tailwind Preflight 重置了所有标题的 font-size 和 font-weight。在 custom.css 中使用 .markdown 选择器手动恢复即可。
Docusaurus 项目引入 Tailwind CSS 后,markdown 文档中的标题(h1-h6)会失去默认样式。原因是 Tailwind Preflight 重置了所有标题的 font-size 和 font-weight。在 custom.css 中使用 .markdown 选择器手动恢复即可。
Docusaurus 使用 data-theme 属性控制主题,Tailwind 默认的 attribute 模式会匹配任意 data-theme 值。改用 selector 模式可精确匹配 data-theme="dark"。