MDX動作確認

2023/9/25に公開（2024/10/13に更新）履歴 (5)

ここはmarkdownの表示テストのページです。強調と太字と~~打ち消し線~~とリンク。 ~~打ち消しと強調~~ 太字と~~打ち消し線~~ リンクと太字。それからinline codeとインラインコードとlinked inline codeとリンクされたインラインコードと[linked inline code](#)と[リンクされたインラインコード](#)`。

自動リンク: www.example.com, https://example.com, and contact@example.com.

## H2 校長の云うようにはとても出来ない

校長の云うようにはとても出来ない。おれみたような無鉄砲なものをつらまえて、生徒の模範になれの、一校の師表と仰がれなくてはいかんの、学問以外に個人の徳化を及ぼさなくては教育者になれないの、と無暗に法外な注文をする。

## H2 Headings

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.

## H2 校長の云うようにはとても出来ない。おれみたような無鉄砲なものをつらまえて、生徒の模範になれの、一校の師表と仰がれなくてはいかんの、学問以外に個人の徳化を及ぼさなくては教育者になれないの、と無暗に法外な注文をする

### H3 校長の云うようにはとても出来ない。おれみたような無鉄砲なものをつらまえて、生徒の模範になれの、一校の師表と仰がれなくてはいかんの、学問以外に個人の徳化を及ぼさなくては教育者になれないの、と無暗に法外な注文をする

## H2 and inline codes and this heading is Lorem ipsum `dolor` sit amet, consectetur `adipiscing elit`, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

### H3 and inline codes and this heading is Lorem ipsum `dolor` sit amet, consectetur `adipiscing elit`, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

## 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

#code1

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.xml#code2

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. ←長いキャプション#code3

1const foo = 'bar';

## Table

#table1

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

#table2

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

## Checkbox

Item1
Item2

Item3
Item4

Item5
Item6

## TeX

#math1

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)

#math2

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ソース#code4

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

#yt-5LI1PysAlkU

## 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. ↩
これはfootnoteの2つ目 ↩
これはfootnoteの3つ目 consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. ↩

width