跳到主要内容

21 篇博文 含有标签「Default」

查看所有标签

https://farer.org/2021/10/08/docusaurus-with-tailwindcss/

最近在重新撸我们 Kratos 文档的 landing page 。我们的文档站用了 facebook 开源的 Docusaurus 作为文档平台,这里写样式想偷懒用一下 TailwindCSS,就需要把 Tailwind 集成到现有的 Docusaurus 项目中,我在官方仓库中找到了 这个 issue ,稍做调整后用在了我们自己的项目里,该方法在 2.0.0-beta6 可用。 Docusaurus 是基于 React 的项目,它的 landing page 是一个独立的 component,另外想修改其它组件,比如 navbar 或者 footer,可以参考 Swizzling theme components 把相应的组件代码暴露出来以便修改。 我们这次主要想实现的是,能够使用 tailwind 定义我们新组件的样式,并且不与 docusaurus 自带的样式冲突。

Step 0: 安装依赖


文浩MarvinDefault阅读需 3 分钟