マークダウンのテスト用ページ

マークダウン記法の表示をテストしたり、CSS の実装内容を確認するページです。

1. 見出し 2 / Heading 2
- 1.1. 見出し 3 / Heading 3
  - 1.1.1. 見出し 4 / Heading 4
    - 1.1.1.1. 見出し 5 / Heading 5
      - 1.1.1.1.1. 見出し 6 / Heading 6
2. 改行
- 2.1. 末尾にスペースなしで改行
- 2.2. 末尾にスペースありで改行
3. 段落
4. 装飾
5. リンク
6. 画像の埋め込み
7. テーブル
8. 水平線
9. 引用
10. リスト
11. コード
12. 絵文字
13. HTML の埋め込み

1. 見出し 2 / Heading 2

テキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキスト

1.1. 見出し 3 / Heading 3

テキストが長いテキストが長いテキストが長いテキストが長いテキストが長いテキストが長いテキストが長いテキストが長いテキストが長いテキストが長いテキストが長いテキストが長いテキストが長いテキストが長いテキストが長いテキストが長いテキストが長いテキストが長いテキストが長いテキストが長いテキストが長いテキストが長いテキストが長いテキストが長いテキストが長いテキストが長いテキストが長いテキストが長いテキストが長いテキストが長いテキストが長いテキストが長い

1.1.1. 見出し 4 / Heading 4

テキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキスト

1.1.1.1. 見出し 5 / Heading 5

テキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキスト

1.1.1.1.1. 見出し 6 / Heading 6

テキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキスト

2. 改行

2.1. 末尾にスペースなしで改行

テキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキスト

2.2. 末尾にスペースありで改行

テキストテキストテキストテキスト
テキストテキストテキストテキスト
テキストテキストテキストテキスト

3. 段落

空白行を挟むと段落になります。空白行を挟むと段落になります。空白行を挟むと段落になります。空白行を挟むと段落になります。空白行を挟むと段落になります。空白行を挟むと段落になります。

4. 装飾

イタリック（アスタリスク1個）

イタリック（アンダースコア1個）

ボールド（アンダースコア2個）

ボールド（アスタリスク2個）

~~取り消し線（チルダ2個）~~

~~組み合わせ~~

5. リンク

KeM’s Clew

6. 画像の埋め込み

6.1. 相対パス指定（マークダウンから見たパス）

./../assets/notes/2022-11-18-test-markdown/small.jpg
代替テキスト ※表示できない

6.2. 相対パス指定（Jekyll の記法）

記述したパス（ { { } } のスペースは除く）:
{ { "./../assets/notes/2022-11-18-test-markdown/small.jpg" | relative_url } }

変換されたパス:
/assets/notes/2022-11-18-test-markdown/small.jpg
代替テキスト

6.3. 絶対パス指定（リポジトリのルートディレクトリから）

/docs/assets/notes/2022-11-18-test-markdown/small.jpg
代替テキスト ※表示できない

6.4. 絶対パス指定（ビルドされたルートディレクトリから）

/assets/notes/2022-11-18-test-markdown/small.jpg
代替テキスト

6.5. 大きい画像

#note main { max-width: 824px;} 指定よりも大きい画像だった場合の表示確認用。

/assets/notes/2022-11-18-test-markdown/large.jpg サイズ: 1080x1080
代替テキスト

7. テーブル

あいうえお	かきくけこ
ねこ	いぬ
ねこ	いぬ
ねこ	いぬ
ねこ	いぬ
ねこ	いぬ

あいうえお	かきくけこ	さしすせそ
ねこ	いぬ	ごりら
ねこ	いぬ	ごりら
ねこ	いぬ	ごりら
ねこ	いぬ	ごりら
ねこ	いぬ	ごりら

左寄せ左寄せ左寄せ	中央寄せ中央寄せ中央寄せ	右寄せ右寄せ右寄せ
ねこ	いぬ	ごりら
ねこ	いぬ	ごりら
ねこ	いぬ	ごりら
ねこ	いぬ	ごりら
ねこ	いぬ	ごりら

あいうえお	かきくけこ	さしすせそ
ねこ	いぬ	セル内改行セル内改行セル内改行
ねこ	いぬ	ごりら

間にテキスト

あいうえお	かきくけこ	さしすせそ	コンテンツが長いコンテンツが長いコンテンツが長いコンテンツが長いコンテンツが長いコンテンツが長いコンテンツが長い
ねこ	いぬ	ごりら	コンテンツが長いコンテンツが長いコンテンツが長いコンテンツが長いコンテンツが長いコンテンツが長いコンテンツが長い
ねこ	いぬ	ごりら	コンテンツが長いコンテンツが長いコンテンツが長いコンテンツが長いコンテンツが長いコンテンツが長いコンテンツが長い
ねこ	いぬ	ごりら	コンテンツが長いコンテンツが長いコンテンツが長いコンテンツが長いコンテンツが長いコンテンツが長いコンテンツが長い
ねこ	いぬ	ごりら	コンテンツが長いコンテンツが長いコンテンツが長いコンテンツが長いコンテンツが長いコンテンツが長いコンテンツが長い
ねこ	いぬ	ごりら	コンテンツが長いコンテンツが長いコンテンツが長いコンテンツが長いコンテンツが長いコンテンツが長いコンテンツが長い

データ型	バイト数	全角文字	文字数	文字列の形式
CHAR	半角 1 / 全角 2	非推奨	固定	固定長文字列
VARCHAR	半角 1 / 全角 2	非推奨	可変	可変長文字列
NCHAR	半角・全角ともに 2	推奨	固定	固定長文字列
NVARCHAR	半角・全角ともに 2	推奨	可変	可変長文字列

8. 水平線

ハイフン3つ

アンダースコア3つ

アスタリスク3つ

9. 引用

テキスト

テキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキスト

間にテキスト

テキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキスト

テキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキスト

引用引用引用引用引用

二重引用二重引用二重引用二重引用二重引用二重引用二重引用二重引用二重引用二重引用二重引用二重引用二重引用二重引用二重引用引用引用引用引用引用

10. リスト

10.1. 箇条書きリスト

箇条書きリスト
箇条書きリスト
- 箇条書きリスト
- 箇条書きリスト
  - 箇条書きリスト
  - 箇条書きリスト
- 箇条書きリスト
箇条書きリスト
コンテンツが長いコンテンツが長いコンテンツが長いコンテンツが長いコンテンツが長いコンテンツが長いコンテンツが長いコンテンツが長いコンテンツが長いコンテンツが長いコンテンツが長いコンテンツが長いコンテンツが長いコンテンツが長いコンテンツが長い
コンテンツが長いコンテンツが長いコンテンツが長いコンテンツが長いコンテンツが長いコンテンツが長いコンテンツが長いコンテンツが長いコンテンツが長いコンテンツが長いコンテンツが長いコンテンツが長いコンテンツが長いコンテンツが長いコンテンツが長い
- コンテンツが長いコンテンツが長いコンテンツが長いコンテンツが長いコンテンツが長いコンテンツが長いコンテンツが長いコンテンツが長いコンテンツが長いコンテンツが長いコンテンツが長いコンテンツが長いコンテンツが長いコンテンツが長いコンテンツが長い
  - コンテンツが長いコンテンツが長いコンテンツが長いコンテンツが長いコンテンツが長いコンテンツが長いコンテンツが長いコンテンツが長いコンテンツが長いコンテンツが長いコンテンツが長いコンテンツが長いコンテンツが長いコンテンツが長いコンテンツが長い

10.2. 番号付きリスト

番号付きリスト
番号付きリスト
1. 番号付きリスト
2. 番号付きリスト
  1. 番号付きリスト
  2. 番号付きリスト
3. 番号付きリスト
番号付きリスト

10.3. チェックリスト

チェックリスト
チェックリスト
- チェックリスト
- チェックリスト
  - チェックリスト
  - チェックリスト
- チェックリスト
チェックリスト

11. コード

11.1. コードスパン

文章の中に printf("Hello, World!\n"); を埋め込みます。
文章の中に printf("Hello, World!\n"); を埋め込みます。
文章の中に printf("Hello, World!\n"); を埋め込みます。

11.2. コードブロック

無指定（plaintext）

abcdefABCDEF
0123456789
あいうえおアイウエオ
漢字漢字漢字

text

abcdefABCDEF
0123456789
あいうえおアイウエオ
漢字漢字漢字

shell

# shell
$ cd
$ git clone https://github.com/kenkenpa198/dotfiles.git
$ source ~/dotfiles/.setup/Linux/setup.sh

c

// C
#include <stdio.h>

int main(void) {
    printf("Hello, World!\n");
}

sql

-- SQL
SELECT TOP 99999999
    t.column_A,
    t.column_B,
    CASE WHEN t.column_C IS NULL THEN 'NULL' ELSE 'NOT NULL' END AS column_C,
    COUNT(*) AS cnt
FROM
    [tb] t -- ★テーブル名を指定
GROUP BY
    ROLLUP((
        t.column_A,
        t.column_B,
        CASE WHEN t.column_C IS NULL THEN 'NULL' ELSE 'NOT NULL' END
    ))
ORDER BY
    column_A,
    column_B,
    column_C
;

11.3. コードブロック (Mermaid)

graph TD;
    A-->B;
    A-->C;
    B-->D;
    C-->D;

12. 絵文字

:flushed:

😳 🎤

13. HTML の埋め込み

読み上げを開始する

ここは p タグです。

以下は ol li タグです。

参加させたいボイスチャンネルへ入室してください。
読み上げさせたいテキストチャンネルでコマンド入力して送信してください。
もだねちゃんがボイスチャンネルへ入室します。
以降に読み上げ対象チャンネルへ投稿されたメッセージを読み上げてくれます。

メモ:
HTML ブロック内でマークダウン記法は使えない。
改行も <br> が必須。

読み上げを開始する

ここにスペース2個 + 改行 → ↓ここに水平線 --- ↓ここにコードブロック ```text !mdn start ```

以上。

目次

1. 見出し 2 / Heading 2

1.1. 見出し 3 / Heading 3

1.1.1. 見出し 4 / Heading 4

1.1.1.1. 見出し 5 / Heading 5

1.1.1.1.1. 見出し 6 / Heading 6

2. 改行

2.1. 末尾にスペースなしで改行

2.2. 末尾にスペースありで改行

3. 段落

4. 装飾

5. リンク

6. 画像の埋め込み

6.1. 相対パス指定（マークダウンから見たパス）

6.2. 相対パス指定（Jekyll の記法）

6.3. 絶対パス指定（リポジトリのルートディレクトリから）

6.4. 絶対パス指定（ビルドされたルートディレクトリから）

6.5. 大きい画像

7. テーブル

8. 水平線

9. 引用

10. リスト

10.1. 箇条書きリスト

10.2. 番号付きリスト

10.3. チェックリスト

11. コード

11.1. コードスパン

11.2. コードブロック

11.3. コードブロック (Mermaid)

12. 絵文字

13. HTML の埋め込み