Skip to main content

Docusaurus 上的 Markdown 指南

放上程式碼範例​

just title
const root = ReactDOM.createRoot(document.getElementById("root"));
cd my-website
npm run start

連結名稱

[連結名稱](URL)

Easy to maintain open source documentation websites.

— Docusaurus

> Easy to maintain open source documentation websites.
>
> — Docusaurus

Add Nested List​

  • version 16.14 or above:
    • When installing Node.js, you are recommended to check all checkboxes related to dependencies.
- version 16.14 or above:
  - When installing Node.js, you are recommended to check all checkboxes related to dependencies.

Add image​

Locale Dropdown

![Locale Dropdown](https://pic.pimg.tw/yangun410/1678951877-1874059886-g_b.jpg)

info

ggggg

note

ggggg

caution

ggggg

danger

ggggg

:::info
ggggg
:::

Easy to maintain open source documentation websites.

— Docusaurus

> Easy to maintain open source documentation websites.
>
> — Docusaurus

Create a Accordion
<details>
  <summary>Toggle me!</summary>
  <div>
    <div>This is the detailed content</div>
    <br />
    <details>
      <summary>Nested toggle! Some surprise inside...</summary>
      <div>😲😲😲😲😲</div>
    </details>
  </div>
</details>
Toggle me!
This is the detailed content

Nested toggle! Some surprise inside...
😲😲😲😲😲

Add Custom Component​

Docusaurus green
import Highlight from '@site/src/components/Highlight';

<Highlight color="#25c2a0">Docusaurus green</Highlight>