如何从组件库修改博客的Docusaurus外观?



创建修改的博客条目

我是React的新手,对Docusaurus也很陌生,然而,我已经设法获得了一个体面的DS网站。我试图捕捉一些简单的片段作为"博客条目",只是小的事实片段,等简单的项目总结。我已经达到了Docusaurus的极限。配置选项和不确定如何扩大盒组件。

我如何开始修改和编辑Docusaurus以将博客页面更改为"卡片";在component-speak吗?我在英菲玛看到了一些例子,但不知道如何弥合这种差距?

我如何轻松地复制公告栏也在底部,像横幅?

谢谢!

您可以使用Bootstrap -特别是React-Bootstrap。它们有一个卡片组件,您可以使用它将个人博客条目链接到该卡。如果您熟悉JavaScript,您可能可以在那里构建自动化,但是手工编码的文本在某种程度上是静态站点生成器的一部分。

如果你想在你的src文件中使用不同的CSS代码解决方案,CSSCodeLab有一个带有附加源代码文件的React Card布局条目。需要一些手工编码的文本,并且不会自动集成到单独的博客设置中,但是YMMV.

否则Docusaurus的Showcase页面确实提供了卡片格式。该页面的源代码(编码在index.tsx)以及组件都是可用的。

最新更新