Docusaurus 2.0 自定义组件

---

以下内容是我向百小僧大佬咨询，如何对Docusaurus文档增加浏览计数？

然后他就对我开始了手把手教学，此处我只做记录。如果有缘人需要，能帮到你更好。

首先，找到要自定义的组件板块。我这里是页脚。

theme表示默认主题，theme-主题名称表示特定主题。

-doc 表示是文档，还有 -blog 表示博客页面。

那么 footer就是你要的组件。

那我怎么准确找到它在文档的位置呢？

那么我们就找到了 Footer

这个时候就可以用命令了：

npm run swizzle @docusaurus/theme-classic Footer-- --eject

如果你想定义 Logo，那么就是

npm run swizzle @docusaurus/theme-classic Footer/Logo -- --eject

就会生成一个 theme 目录在 src中。然后你修改那个文件即可。

最终命令：

npm run swizzle @docusaurus/theme-classic DocItem/Footer

这样我们就可以在 index.js 中任何自定义即可。

最终整理步骤：

1. 执行命令：

npm run swizzle @docusaurus/theme-classic DocItem/Footer

2. 修改 src/theme/index.js

如果以后更新，或者不要了，只需要删除theme或者theme下面对应的组件目录即可。

它的逻辑非常简单，如果你自定义了 theme/组件，就用你的，否则用它默认的。

eject的意思就是我copy你的出来改，这样保险一点~~

没了，前面都是铺垫~~，用来发现组件。哈哈。

ok！！！

最后再次感谢百小僧大佬的指导，大家有兴趣的可以看看他的Furion项目。