記事の本文で、文字装飾・マークダウンを使う

Helpme centerでは、基本的なマークダウンによる文字装飾、リッチテキストに対応しています。

見出し（Headings）

#と半角スペースを行頭に記載すると、見出しとして表示されます。
#の数により、見出しレベルが変わります。

例）
# 見出しレベル1
## 見出しレベル2
### 見出しレベル3

太字（Bold）

アスタリスク2つ**、アンダーバー2つ__、または<b></b>タグで文字を囲うと、太字になります。
例）**太字**
例）__太字__
例）<b>太字</b>

実際の表示）こちらの文字は、太字で表示されます。

イタリック、斜字（Italic）

アスタリスク1つ*または<i></i>タグで文字を囲うと、イタリックになります。
例）*イタリック*
例）<i>タリック</i>

実際の表示）こちらの文字は、イタリックで表示されます。

小文字

開始タグ<small>と閉じタグ</small>で文字を囲うと、小さな文字として表示されます。
例）<small>小文字</small>

実際の表示）こちらの文字は、小文字で表示されます。
実際の表示）※ こちらの文言はすべて小文字で表示されます。注釈などでもご利用ください。

文字色の追加

一部のテキストの文字色を変える場合には、以下のようにHTMLのスタイル属性で記載してください。

例）<span style="color:red">こちらの文言は赤字になります。</span>
実際の表示）こちらの文言は赤字になります。

段落・改行の追加

一般的なマークダウンでは、2つ以上連続する半角スペースで改行されます。

Helpme centerでは、より直感的な操作ができるよう、記事の本文内の改行が、そのままサイト上でも反映されます。

改行と段落分け

セル内で1回改行：通常の改行
セル内で2回以上の改行：段落の変更

セル内での改行操作

Alt + Enter または Ctrl + Enter (Windows)、Command + Enter (Mac)で行えます。

<br>タグの利用

セル内への<br>タグの挿入でも改行することができます。

通常、2回以上の改行は段落分けとなり、改行は無効となります。複数行に渡って改行したい場合には、<br><br>のように2つ以上の<br>タグを続けて入力してください。

Webリンクの挿入

リンクを挿入する場合には、2つの方法があります。

a. 本文中にリンクをそのまま記載

記事の本文中で<>で囲むと、サイト上でもリンクとして表示されます。

例） <https://example.com>
実際の表示）https://example.com

例） <mail@example.com>
実際の表示）mail@example.com

b. ハイパーリンクとして表示

次のように記載すると、ハイパーリンクとして表示されます。

例）ハイパーリンクは、[Example](https://example.com)となります。
実際の表示）ハイパーリンクは、Exampleとなります。

画像の挿入

Helpme centerでは、基本的なマークダウンによる文字装飾、リッチテキストに対応しています。

画像の挿入

記事中に画像を挿入するには、以下のように記述します。
![代替(alt)テキスト](画像のリンクURL "画像タイトル(title)")

例）![画像サンプル](https://helpme.center/assets/images/sample-markdown.jpg "画像サンプル")

実際の表示）

画像へのリンク追加

挿入した画像にリンクを追加したい場合には、次のようにハイパーリンクのマークダウンを追加してください。

[画像のマークダウン](リンク先のURL)

例）[![画像サンプル](https://helpme.center/assets/images/sample-markdown.jpg)](https://helpme.center/ja)

実際の表示）リンク付き画像

動画の挿入

動画を埋め込む方法は、2つあります。

<iframe>で埋め込む

YouTubeやVimeoなどの<iframe>埋め込みコードが利用できます。

YouTubeの「共有」＞「埋め込み」から、以下のような埋め込みコードをコピーしてください。

<iframe width="560" height="315" src="https://www.youtube.com/embed/bP0skSWfvp0" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>

サンプル

<video>タグで埋め込む

<video>タグが利用できます。

サンプル

引用（blockquote）

引用の文章は、次のように記載します。

例）
> こちらは、引用された文章です。引用内で、<br>記号で改行することもできます。

実際の表示）

こちらは、引用された文章です。引用内で、
<br>記号で改行することもできます。

番号付きの箇条書き

連番の箇条書きは、行頭に半角数字とピリオド、半角スペースを追加します。

例）
1. 項目
2. 項目
3. 項目

実際の表示）

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

番号付きの箇条書き（入れ子）

箇条書きアイテムを入れ子にする場合には、インデントされる項目の行頭に3つ以上のスペースを追加します。

例）
1. 項目
2. 項目
   1. インデント項目
   2. インデント項目
3. 項目

実際の表示）

1. 項目
2. 項目
   1. インデント項目
   2. インデント項目
3. 項目

番号なしの箇条書き

番号なしの場合には、行頭に半角ハイフンと半角スペースを追加します。

例）
- 項目
- 項目
- 項目

実際の表示）

• 項目
• 項目
• 項目

コードの挿入

コードを挿入する場合には、`code`のように記載してください。
# Headingのようにマークダウンを無効にすることもできます。