CMSからの投稿記事
2025/04/22
見出し
先頭に#をつけることによって見出しになります。見出しのレベルは#の数で表現します。
# 見出し1
## 見出し2
### 見出し3
#### 見出し4
##### 見出し5
###### 見出し6
見出し1
文章が入ります。
見出し2
文章が入ります。
見出し3
文章が入ります。
見出し4
文章が入ります。
見出し5
文章が入ります。
見出し6
文章が入ります。
文章
この文章はダミーです。文字の大きさ、量、字間、行間等を確認するために入れています。
文字の装飾
エディターのツールで挿入した太字、イタリック、下線、打ち消し線はこのように表示されます。
Bold, italic, underline, and strike-through lines inserted with the editor's tools will appear like this.
<sup>上付き</sup>と<sub>下付き</sub>はエディターのツールにはありません。
上付きと下付きはエディターのツールにはありません。
改行
エディター内で改行しただけでは
改行されません。[ ][ ]
改行の前に半角スペースを2つ記述することで改行されます。
エディター内で改行しただけでは
改行されません。
改行の前に半角スペースを2つ記述することで改行されます。
段落
空行を挟むことで段落となります。
段落です。
次の段落です。
改行を複数いれても無視されます。（エディター内の改行での余白調整はできない）
段落です。
次の段落です。
改行を複数いれても無視されます。（エディター内の改行での余白調整はできない）
リスト
先頭に * + - を記述することでリスト（箇条書き）になります。
- リスト
- リスト2
- 先頭に半角スペースを2つ記述すると入れ子になります。（タブは使えません）
- リスト2-2
- リスト3
1. 数字リスト
2. 数字リスト2
- リスト4
- リスト
- リスト2
- 先頭に半角スペースを2つ記述すると入れ子になります。（タブは使えません）
- リスト2-2
- リスト3
- 数字リスト
- 数字リスト2
- リスト4
番号付きリスト
1. リスト1
2. リスト2 番号付きリスト内での入れ子は、先頭に半角スペースを4つ記述します。
[ ][ ][ ][ ]1. リスト2-1
[ ][ ][ ][ ]2. リスト2-2
3. リスト3
[ ][ ][ ][ ]- リスト1
[ ][ ][ ][ ]- リスト2
4. リスト4
1. 数字リスト1（数字リストを連続で使うと、上のリストの続きで番号が振られます）
2. 数字リスト2
-
リスト1
-
リスト2 番号付きリスト内での入れ子は、先頭に半角スペースを4つ記述します。
- リスト2-1
- リスト2-2
-
リスト3
- リスト1
- リスト2
-
リスト4
-
数字リスト1（数字リストを連続で使うと同じリストとして連番が振られます）
-
数字リスト2
チェックボックス付きリスト
- チェックボックス付きリスト
- チェックのつけ外しのカスタムが別途必要
- チェックボックス付きリストは仕様として使えないでも良いかも
リンク
[リンク](https://google.com)です。
リンクです。
<a href="https://google.com" target="_blank">別タブで開くリンク</a>です。
別タブで開くリンクです。
コード
code sample
const aaa = `XXXXXXXXXXXXXX`;
// 長い文章は横スクロールで表示されます。Longer sentences are displayed with horizontal scrolling.
バッククオートで単語を囲むとインラインコード`code`になります。
バッククオートで単語を囲むとインラインコードcodeになります。
画像
テキストと画像の間に改行のみ
テキストと画像の間に改行のみ
テキストの文末に空白スペース×2を記述してから改行
テキストの文末に空白スペース×2を記述してから改行
引用
> 引用の文章です。
> 普通の文章と同じように、改行は改行の前に半角スペースを2つ記述します。
> > 引用を入れ子にする場合は、>を複数記述します。
> > > 引用を入れ子にする場合は、>を複数記述します。
引用の文章です。
普通の文章と同じように、改行は改行の前に半角スペースを2つ記述します。引用を入れ子にする場合は、>を複数記述します。
引用を入れ子にする場合は、>を複数記述します。
水平線（hr）
***
---
___
テーブル
:の位置で文字揃えが決まります。
| 左揃え | 中央揃え | 右揃え |
|:-------|:--------:|-------:|
|1 |2 |3 |
|4 |5 |6 |
| 左揃え | 中央揃え | 右揃え |
|---|---|---|
| 1 | 2 | 3 |
| 4 | 5 | 6 |
その他HTML
Markdown内にHTMLを書くことができます。
画像にキャプションをつけたい場合
<figure>
<img src="https://strapi.dev.mdx-dev.net/uploads/60_2000x1000_a776d54757.jpg" alt="">
<figcaption>画像のキャプション</figcaption>
</figure>
scriptは無効
<script>alert('alert!')</script>styleも無効
<style> p { font-size: 20px} </style>リンクを別タブで開く場合
<a href="https://google.com" target="_blank">別タブで開くリンク</a>です。
別タブで開くリンクです。
定義リスト
<dl>
<dt>花</dt>
<dd>夏みかん</dd>
<dt>鳥</dt>
<dd>ナベヅル</dd>
<dt>木</dt>
<dd>赤松</dd>
</dl>
- 花
- 夏みかん
- 鳥
- ナベヅル
- 木
- 赤松
詳細折りたたみ要素
<details>
<summary>県の花「夏みかんの花」</summary>
夏みかんは長門市大日比（おおひび）が原産地で、５月になると白い花が咲き、香水をまいたような甘ずっぱい香りが漂います。花は１カ月程度咲き誇り、やがて「だいだい」と呼ばれる黄色い実を結びます。（昭和29年
</details>