MDX動作確認

2021/9/29に公開（2023/9/25に更新）履歴 (27)

ここはmarkdownの表示テストのページです。強調と太字と~~打ち消し線~~とリンク。 ~~打ち消しと強調~~ 太字と~~打ち消し線~~ リンクと太字。

Autolink literals

www.example.com, https://example.com, and contact@example.com.

H2 Headings

これはh3の見出し and inline codes and this heading is long and long and long

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.

Footnote

Lorem ipsum dolor sit amet¹, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi² ut³ aliquip ex ea commodo consequat.

Code block

without caption

diff

1- const message = `修正${'前'}`;2+ const message = `修正${'後'}`;3const a = 0;4const b = 0;5const c = [6  1,7  2,8  3,9  4,10  5,11  6,12  7,13  8,14  9,15  'Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.',16];

with caption

sitemap.xmlxml

1<?xml version="1.0" encoding="utf-8"?>2<urlset xmlns="http://www.sitemaps.org/schemas/sitemap/0.9">3  <url>4    <loc>https://gojabako.zone/mdx</loc>5    <lastmod>2023-09-18T10:16:16.000Z</lastmod>6  </url>7</urlset>

with rich caption

example.ts Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. ←長いキャプションtypescript

1const foo = 'bar';

Table

aaaaa	bbbbb	ccccc	dddddd
a	b	c	d
a	b	c	d
校長の云うようにはとても出来ない。	校長の云うようにはとても出来ない。	校長の云うようにはとても出来ない。	d

aaaaa	bbbbb	ccccc	dddddd
a	b	c	d
a	b	c	d
a	b	c	d

Checkbox

Item1
Item2

Item3
Item4

Item5
Item6

TeX

f (x) = a + a + b + b + c + c = 2 a + b + b + c + c = 2 a + 2 b + c + c = 2 a + 2 b + 2 c (1) (2) (3) (4)

y = ω^{k} 3 - \frac{q}{2} + (\frac{q}{2})^{2} + (\frac{p}{3})^{3} + ω^{3 - k} 3 - \frac{q}{2} - (\frac{q}{2})^{2} + (\frac{p}{3})^{3} (k = 0, 1, 2) (5)

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. 文章中にも $f (x)$ や $\frac{1}{2 π}$ のように出せます。文章中にも $f (x)$ や $\frac{1}{2 π}$ 、 $\frac{1}{2 π}$ のように出せます。 Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.

markdownソースmarkdown

1文章中にも$f(x)$や$\frac{1}{\sqrt{2\pi}}$、$\dfrac{1}{\sqrt{2\pi}}$のように出せます。

Blockquote

校長の云うようにはとても出来ない。おれみたような無鉄砲なものをつらまえて、生徒の模範になれの、一校の師表と仰がれなくてはいかんの、学問以外に個人の徳化を及ぼさなくては教育者になれないの、と無暗に法外な注文をする。そんなえらい人が月給四十円で遥々こんな田舎へくるもんか。人間は大概似たもんだ。

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.

Image

本文中に画像幅160px を挿入する。

List

箇条書きの表示確認

Item1
Item2
校長の云うようにはとても出来ない。おれみたような無鉄砲なものをつらまえて、生徒の模範になれの、一校の師表と仰がれなくてはいかんの、学問以外に個人の徳化を及ぼさなくては教育者になれないの、と無暗に法外な注文をする。そんなえらい人が月給四十円で遥々こんな田舎へくるもんか。人間は大概似たもんだ。腹が立てば喧嘩の一つぐらいは誰でもするだろうと思ってたが、この様子じゃめったに口も聞けない、散歩も出来ない。
Item4

Item1
Item2
校長の云うようにはとても出来ない。おれみたような無鉄砲なものをつらまえて、生徒の模範になれの、一校の師表と仰がれなくてはいかんの、学問以外に個人の徳化を及ぼさなくては教育者になれないの、と無暗に法外な注文をする。
1. SubItem1
2. SubItem2
3. そんなえらい人が月給四十円で遥々こんな田舎へくるもんか。人間は大概似たもんだ。腹が立てば喧嘩の一つぐらいは誰でもするだろうと思ってたが、この様子じゃめったに口も聞けない、散歩も出来ない。
Item4

YouTube

Google 日本語入力物理フリックバージョン - YouTube

Twitter

https://t.co/l8969kKyb8
天保十五甲辰新暦には「九時」がある。「くじ」って読んだのかな？
橋本万平著「日本の時刻制度増補版」によるとこの「時」はいまの「時」とは違うけど、「時」一文字を単位に使う例としては今のところ最古 pic.twitter.com/jGeg003vm8
— Kei Ito (@gjbkz) November 22, 2020

include TSX

インラインだと100こうなる。ブロックだと↓こうなる。

100

これはfootnoteの1つ目 consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. arrow_insert
これはfootnoteの2つ目 arrow_insert
これはfootnoteの3つ目 consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. arrow_insert

width