Markdown

This page was written in Markdown !

# Markdown
 
This page was written in **Markdown** !

Libraries

Reference

Below for display check

Heading 1 / 見出し 1

Lorem ipsum dolor sit amet soluta dolor. Sea accusam praesent accusam vero takimata et euismod sed duis et elitr sit illum ipsum nisl. Et stet accumsan vulputate amet consectetuer. Sed lorem facer elitr et vero magna sanctus nisl no amet justo clita diam lorem justo. Sit clita eos dolore tincidunt sadipscing sea sit exerci clita diam facer.

あのイーハトーヴォのすきとおった風、夏でも底に冷たさをもつ青いそら、うつくしい森で飾られたモリーオ市、郊外のぎらぎらひかる草の波。あのイーハトーヴォのすきとおった風、夏でも底に冷たさをもつ青いそら、うつくしい森で飾られたモリーオ市、郊外のぎらぎらひかる草の波。

Heading 2 / 見出し 2

Heading 3 / 見出し 3

Heading 4 / 見出し 4

Heading 5 / 見出し 5

Heading 6 / 見出し 6

Decoration

Bold / 太字

Italic / 斜体

Strong / 強調

~~Not~~ / ~~打ち消し線~~ (unsupported)

Link

example.com

Internal Link

#Link (unsupported)

Image

Ordered List

Ordered List
Ordered List
Ordered List
1. Ordered List
2. Ordered List
3. Ordered List

Unordered List

Unordered List
Unordered List
Unordered List
- Unordered List
- Unordered List
- Unordered List

Inline code

Hello World! / こんにちは世界！

Code block

import MdBody from "./page.body.mdx";
 
export default function Page() {
  return (
    <article>
      <MdBody />
    </article>
  );
}

Blockquote

Lorem ipsum dolor sit amet soluta dolor. Sea accusam praesent accusam vero takimata et euismod sed duis et elitr sit illum ipsum nisl.

あのイーハトーヴォのすきとおった風、夏でも底に冷たさをもつ青いそら、うつくしい森で飾られたモリーオ市、郊外のぎらぎらひかる草の波。

Table

(unsupported)

| Rule Name | Menu | Description | | ------------- | ------------- | ------------------------------------------ | | Turf War | Regular Match | Cover the turf with ink! | | Splat Zones | Ranked Match | Control the zones and hold them! | | Tower Control | Ranked Match | Ride the tower into the enemy's base! | | Rainmaker | Ranked Match | Carry the Rainmaker into the enemy's base! |

| ルール名 | メニュー | 説明 | | -------------- | ---------------- | ------------------------------------ | | ナワバリバトル | レギュラーマッチ | たくさんナワバリを確保しろ！ | | ガチエリア | バンカラマッチ | ガチエリアを確保して守りぬけ！ | | ガチヤグラ | バンカラマッチ | ガチヤグラを相手ゴールに運べ！ | | ガチアサリ | バンカラマッチ | ガチアサリを相手ゴールに投げ入れろ！ |

Horizon

Use JSX

The source file type is ".mdx". So you can use JavaScript and React.Component.

DOM

<div className="bg-primary">
  <h4>This is JSX</h4>
</div>

This is JSX

Call Components

import { Version } from "@/components/atoms/version";
 
<Version version="0.1.0" onDate="1970-01-01" />

v0.1.0

on 1970-01-01

Expression

> {1 + 1}
 
> {1 + 1 === 2 ? 'TRUE' : 'FALSE'}
 
> {'mdx'.toUpperCase()}

2

TRUE

MDX