HEAD Markdown Page tests title
๋ณธ๋ฌธ์œผ๋กœ ๊ฑด๋„ˆ๋›ฐ๊ธฐ

Markdown .md tests

This file should be interpreted in a more CommonMark compliant way

SEOโ€‹

<head>
  <title>HEAD Markdown Page tests title</title>
  <meta name="keywords" content="cooking, blog"/>
</head>
์œ„ํ—˜

TODO unsupported (yet), see issue

Commentโ€‹

Html comment:

Html comment multi-line:

MDX comment: {/* comment */}

MDX comment multi-line:

{/* comment */}

JSX syntaxโ€‹

import BrowserWindow from '@site/src/components/BrowserWindow';

BrowserWindow content

export const answer = 42;

Test {xyz}

Admonitionโ€‹

Admonitions still work

title

note

Detailsโ€‹

MD Summary

Our custom Details/Summary also works in CommonMark mode

Tabโ€‹

This is an apple ๐ŸŽ This is an orange ๐ŸŠ This is a banana ๐ŸŒ
์œ„ํ—˜

TODO unsupported (yet), see issue

Code block testโ€‹

Title
function Clock(props) {
  const [date, setDate] = useState(new Date());
  useEffect(() => {
    var timerID = setInterval(() => tick(), 1000);

    return function cleanup() {
      clearInterval(timerID);
    };
  });

  function tick() {
    setDate(new Date());
  }

  return (
    <div>
      <h2>It is {date.toLocaleTimeString()}.</h2>
      {/* prettier-ignore */}
      long long long long long long long long long long long long line
      {/* prettier-ignore */}
    </div>
  );
}
function Clock(props) {
  const [date, setDate] = useState(new Date());
  useEffect(() => {
    var timerID = setInterval(() => tick(), 1000);

    return function cleanup() {
      clearInterval(timerID);
    };
  });

  function tick() {
    setDate(new Date());
  }

  return (
    <div>
      <h2>It is {date.toLocaleTimeString()}.</h2>
    </div>
  );
}
์œ„ํ—˜

TODO unsupported (yet), see issue

Mermaidโ€‹

Heading Idโ€‹

Custom heading syntax {#custom-heading-id} still works

HTMLโ€‹

Stylingโ€‹

blue span

green p

lime red

Embedsโ€‹

Closed image tag:โ€‹


Unclosed image tag:โ€‹


Iframeโ€‹


Securityโ€‹

<p>
  When pressing this button, no alert should be printed
  <button onClick="alert('unsafe');">Click me</button>
</p>

When pressing this button, no alert should be printed

ํŽ˜์ด์ง€ ํŽธ์ง‘