作成日:

この Journal で使える Markdown 記法

こちらは、reiko-kagura.ink の Journal で現在使える Markdown 記法をまとめた説明ページです。

基本的には標準 Markdown をベースにしつつ、このサイト独自の記法も少し混ざっている、といった具合ですね。

1. 見出し

書き方

# 見出し1
## 見出し2
### 見出し3
#### 見出し4
##### 見出し5
###### 見出し6

補足

  • # から ###### まで対応しています
  • 見出しには自動で id が付きます

2. 段落と改行

書き方

1行目
2行目

次の段落

補足

  • 空行で段落が分かれます
  • 同じ段落内の改行は、表示上はつながって見える場合があります

3. 強調

書き方

**太字**
__太字__
*斜体*
_斜体_
~~打ち消し~~

補足

  • text__text__ は太字です
  • text_text_ は斜体です
  • <del>text</del> は打ち消し線です
  • _text_ はファイル名のような sample_file_name とぶつかりやすいため、強調には text を使うほうが安全かもしれませんね

4. リスト

箇条書き

- 項目1
- 項目2
* 項目3

番号付きリスト

1. 項目1
2. 項目2
3. 項目3

タスクリスト

- [ ] 未完了
- [x] 完了

補足

  • 現在はシンプルなトップレベルのリストが中心です
  • 深い入れ子リストはまだ安定対応ではありません

5. リンク

書き方

[トップページ](/)
[Journal](/journal)
[外部サイト](https://example.com)

補足

  • 通常の Markdown リンクに対応しています
  • #anchor のようなアンカーも使えます

6. 画像

書き方

![説明](journal-base/archive/media/photo/2026/2026-04-03/example.jpg)
![説明](journal-base/archive/media/gemini/2026/2026-04-03/Gemini_Generated_Image_2026-04-03.png)

リンク付き画像

![説明](journal-base/archive/media/photo/2026/2026-04-03/example.jpg)::(/journal)

補足

  • 画像は <picture> 化され、WebP があれば優先表示されます
  • alt に入れた文字列はキャプションにも使われます

7. 動画

書き方

![動画タイトル](journal-base/archive/media/movie/2026/2026-04-03/sample.mp4)

補足

  • mp4 は <video> として表示されます
  • サムネイル画像があれば poster に利用されます

8. コード

フェンスコード

echo 'hello';

インラインコード

これは `インラインコード` です
これは ``<img src="sample.png" alt="sample">`` のような HTML 断片も表示できます

独自の CODE 記法

CODE:
:: ここはコードです
CODE;

補足

  • 標準のフェンスコードに対応しています
  • インラインコードでは HTML タグも文字として描写されます
  • ... のように複数バッククォートで囲む書き方にも対応しています
  • 既存記事との互換性のため、CODE:CODE; も引き続き使えます

9. 引用

標準の引用

> 引用文です
> 2行目も続けられます

URL 付き引用

> 引用文 (https://example.com)

独自の QUOTE 記法

QUOTE:
引用ブロック
QUOTE;

コールアウト(GitHub 風)

補足

  • 上記 5 種類(NOTE / TIP / IMPORTANT / WARNING / CAUTION)に対応しています
  • 各行の先頭に > [!TYPE] を付ける書き方で認識されます

10. テーブル

書き方

| 項目 | 内容   |
| ---- | ------ |
| A    | りんご |
| B    | みかん |

補足

  • シンプルな Markdown テーブルに対応しています
  • セル内の複雑な記法は、まず通常テキストとして考えたほうが安全です

11. 脚注

書き方

本文に脚注を書きます[^note1]

[^note1]: こちらが脚注の内容です

12. 独自記法

ルビ

rb("霊狐","れいこ")

メーター

:進捗:75%:

追加・削除の日時付き表示

++ 2026-04-03 追記内容 ++
-- 2026-04-03 削除内容 --

タイムスタンプジャンプ

[01:23] この場面から再生

Gemini 呼び出し

[この画像の説明をください]@(webhook-file)

外部 Markdown / TXT 差し込み


13. 注意点

  • かなり標準 Markdown に寄せていますが、CommonMark 完全準拠ではありません
  • 独自記法と共存しているため、複雑な入れ子や特殊な境界では想定外の表示になる場合があります
  • ファイル名や URL に underscore が入るケースでは、強調に _text_ より text を使うほうが安全です

14. ひとまず安全な書き方

もしも迷った場合は、次の書き方を基本にしていただくと安定しやすいです。

  • 見出しは # 記法
  • 強調は 太字斜体
  • 画像は ! 説明
  • リンクは 文字
  • コードはフェンスコード
  • 引用は >

このファイルは説明用の固定名なので、通常の記事一覧には混ざりません。