Skip to main content

Comprehensive Markdown Guide

1. Text Formatting​

  • Bold: Strong text or strong text
  • Italic: Emphasized text or emphasized text
  • Bold and Italic: Combined
  • Strikethrough: Deleted text
  • Inline Code: const x = 10;

2. Lists​

Unordered & Ordered​

  1. First ordered item
  2. Second ordered item
    • Indented unordered item
    • Another item
      1. Deeply nested ordered item

Task Lists (GFM)​

  • Completed task
  • Incomplete task
  • Another incomplete task

Alt Text for Image

4. Code Blocks (Advanced)​

Docusaurus uses Prism for highlighting. It supports titles, line highlighting, and line numbers.

src/components/Button.jsx
import React from "react";

function Button(props) {
  // Highlighted lines appear with a background color
  const clickHandler = () => {
    console.log("Clicked!");
  };

  return <button onClick={clickHandler}>Click Me</button>;
}