Skip to main content

20 docs tagged with "Docusaurus"

View all tags

Advanced Components & Features

Docusaurus provides many advanced components and features beyond basic markdown that can enhance your documentation's interactivity and visual appeal. This guide covers admonitions, callouts, custom components, and more advanced styling techniques.

Charts & Visual Elements

Visual elements like charts, diagrams, and flowcharts can significantly enhance your documentation by making complex information easier to understand. This guide covers various ways to add visual elements to your Docusaurus site.

Codeblocks & Syntax Highlighting

Docusaurus provides powerful code block functionality with syntax highlighting, line numbers, and many customization options. This guide covers everything you need to know about working with code in your documentation.

Collapsible Content & Details

Collapsible content helps organize information and improve page readability by allowing users to expand sections on demand. Docusaurus supports several ways to create collapsible content, from simple HTML details elements to custom components.

Getting Started with Docusaurus

Docusaurus is an open-source project for building, deploying, and maintaining static documentation websites with ease. It's designed to handle the documentation needs of open-source projects, small and large teams, and individual developers alike. Built on top of React, Docusaurus provides a robust set of features to create a fully functional documentation website out of the box, with little to no configuration required.

Hosting on Cloudflare Pages from GitHub

Cloudflare Pages is a powerful platform for hosting static sites with global CDN distribution, automatic HTTPS, and seamless GitHub integration. This guide will walk you through deploying your Docusaurus site to Cloudflare Pages directly from your GitHub repository.

Sidebars

The sidebar is a critical navigation element in your Docusaurus site. This guide explains how to customize its appearance and behavior to enhance your documentation's user experience.

Styling

Docusaurus provides several ways to customize the appearance of your documentation site. This guide covers the basics of styling in Docusaurus and points you to more specific styling techniques.

Styling Examples

Before you start with styling the Sidebar, I recommend creating a new sidebar in the sidebars folder so you can change between sidebars in the future if desired.

Tabs

Tabs are a powerful way to organize related content and provide interactive elements in your documentation. Docusaurus provides built-in tab functionality that's easy to implement and customize.

💬Join Discord
☕Buy me a coffee