Skip to main content

Heading 1 — Page Title Style

This is a simple test paragraph under an H1. In Docusaurus, this level usually maps to the page's main title (often auto-generated from frontmatter, so an in-body H1 is sometimes redundant).

Heading 2 — Main Section​

This is a paragraph under an H2. In Docusaurus docs, H2 typically becomes a sidebar-linked section anchor and shows up in the "On this page" table of contents.

Some bold text, some italic text, some strikethrough text, and some inline code to check basic formatting.

Heading 3 — Subsection​

This is a paragraph under an H3. It should render as a smaller nested heading and also usually appears in the right-hand table of contents, indented under its parent H2.

  • Bullet point one
  • Bullet point two
  • Bullet point three

Heading 4 — Minor Subsection​

A short paragraph under an H4, to see how deep headings render before Docusaurus stops including them in the table of contents.

Another Heading 2 — Second Section​

Final paragraph to confirm spacing and section breaks between top-level H2 sections look correct.

Additional Text Formatting Features

The sections below cover the rest of Docusaurus's built-in text formatting — everything that doesn't require installing a new package (math, Mermaid, and emoji shortcodes are skipped for now).

Blockquotes​

This is a blockquote. Docusaurus renders this as an indented, left-bordered quote block — useful for pulling out a note or a quoted source.

Code Blocks​

Inline code like npm install renders with a monospace background.

Fenced code blocks get full syntax highlighting:

function greet(name) {
  return `Hello, ${name}!`;
}

Adding a title and a line-highlight range to the language tag:

greet.js
function greet(name) {
  return `Hello, ${name}!`; // this line is highlighted
}

Tables​

FormatSyntaxRenders Here
Bold**text**Yes
Italic*text*Yes
Table (this one)GFM pipe tableYes

Task Lists​

  • Draft the heading format test
  • Add inline formatting examples
  • Publish the final version to Docusaurus

Footnotes​

Here's a sentence with a footnote reference.1

Horizontal Rule​

Below is a horizontal rule (renders as a thin divider line):

Admonitions​

note

This is a note admonition.

tip

This is a tip admonition.

info

This is an info admonition.

warning

This is a warning admonition.

danger

This is a danger admonition.

Collapsible Sections (Toggle)​

Click to expand

Hidden content that only shows once the reader clicks the summary line.

Tabs​

Steps for macOS go here.

Custom Heading Anchors​

Docusaurus lets you override a heading's auto-generated anchor ID by appending {#custom-id} to the heading line:

## Heading text {#custom-id}

Inline Text Color​

This sentence has red text, blue highlighted text, and green text, using raw HTML/JSX since there's no Markdown-native syntax for text color.

Footnotes​

  1. Here's the footnote text, shown at the bottom of the page. ↩