Docusaurus Basics

💹Kroki

Kroki provides a unified API for all the diagram libraries.

⌨Prism (Code Block)

Lightweight, robust, elegant syntax highlighting.

🖥️Terminal Examples

Examples of using the BashTerminal component

🌎Web Browser Component Examples

Examples of using the WebBrowser component in Docusaurus

🏣Create a Blog Post

Docusaurus creates a page for each blog post, but also a blog index page, a tag system, an RSS feed...

📰Create a Document

Documents are groups of pages connected through:

📄Create a Page

Add Markdown or React files to src/pages to create a standalone page:

🧭Emoji + Metadata + Tree Layout

Here's a complete Python script that generates a visually appealing tree structure of your project folder using emoji icons and file metadata. The output is formatted as a Bash-style code block perfect for embedding in Docusaurus.

📟Create Multiple Blogs Instances

Just like with multiple docs folders, Docusaurus allows you to create multiple blogs by leveraging multiple instances of the @docusaurus/plugin-content-blog plugin. This is incredibly useful if you want to have distinct blog sections on your site, for example:

📚Create Multiple Docs Instances

Create Multiple Docs Instances

🚀Deploy Your Site

Docusaurus is a static-site-generator (also called Jamstack).

👞Footer and Navbar

Separate Docusaurus Footer and NavBar Configuration

🎭GitHub Emoji List

Click any shortcode or icon to copy it to your clipboard!

📦Self-host KaTeX Rendering Test

To ensure your Docusaurus site can render mathematical expressions properly, you need to include the KaTeX CSS and font assets. This guide will walk you through the process of self-hosting these assets, which can improve performance and reliability by eliminating external dependencies.

➡️Intro

🎬Docu YouTube videos