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, Module not found: Error: Can't resolve '@theme/BlogPostAuthors' in '/blog.saintmalik.me/src/theme/BlogPostItem'

Just run

yarn run swizzle theme component

e.g

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

since i use @docusaurus/theme-classic, thats why i used this example, if you use something else like @docusaurus/preset-classic, change yours to that.


Comments