Skip to main content

Solutions to Docusaurus Issues i experienced

Autoreload while in localhost

Auto reload docusaurus in loaclhost using yarn start and npm start

Add captions to blog images

Create Figure.js in your src/components and add this code snippet.

/src/components/Figure.js
import React from "react";

export default function Figure({ children, src }) {
return (
<figure style={{ textAlign: "center", }}>
<img src={src} />
<figcaption style={{ color: "gray", fontSize: "small" }}>
{children}
</figcaption>
</figure>
);
}

and now go into your markdown file and import it

import Figure from '../src/components/Figure';

and wrap your image with this

<Figure>
<img src=""/>
Your Caption
</Figure>

Module not found : Error after updating Docusaurus everytime,

Just run

yarn run swizzle theme component

e.g

yarn run swizzle @docusaurus/theme-classic DocItem --danger