こんにちは!くらげちゃんです。
くらげ広場のユーザーが増えてきて嬉しい限りです!改めて、ご参加いただきありがとうございます!
もっともっとくらげ広場を盛り上げるために、くらげトークで使えるちょっとしたTips「マークダウン記法」についてご紹介します!
投稿や返信する際、是非ともご活用ください!
目次
▼見出し
▼改行
▼箇条書き
▼項番
▼引用
▼強調
▼コードブロック
▼文字揃え
▼文字色
▼訂正線
▼水平線
▼リンク
▼表
▼囲み枠
見出し
行頭に半角シャープ+スペース(#_ )を置きます。1〜6個まで記述でき、半角シャープ( # )が増えるごとに文字が小さくなります。
【記述例】
# 見出し1
## 見出し2
### 見出し3
#### 見出し4
##### 見出し5
###### 見出し6
【表示】
見出し1
見出し2
見出し3
見出し4
見出し5
見出し6
改行
文章の最後に<br>を入力します。
【記述例】
↓br1個を入力した場合の改行<br>
↓br2個を入力した場合の改行<br><br>
↓br3個を入力した場合の改行<br><br><br>
↓br4個を入力した場合の改行<br><br><br><br>
_
【表示】
↓br1個を入力した場合の改行
↓br2個を入力した場合の改行
↓br3個を入力した場合の改行
↓br4個を入力した場合の改行
_
箇条書き
行頭に半角ハイフン+スペース( -_ )を置きます。また、スペース2つ+半角ハイフン+スペース( __-_ )で階層になります。
【記述例】
- ◯◯
- ◯◯
- ▲▲▲
- ▲▲▲
- ◯◯
- ▲▲▲
- ▲▲▲
【表示】
- ◯◯
- ◯◯
- ▲▲▲
- ▲▲▲
- ◯◯
- ▲▲▲
- ▲▲▲
項番
行頭に半角アラビア数字+ピリオド( 1. )を置きます。同一の数字を置いても自動的に(1.2.3...)で番号付けされます。
【記述例】
1. ■■■
1. ◇◇◇
1. □□□
1. □□□△△△
1. □□□△△△
【表示】
- ■■■
- ◇◇◇
- □□□
- □□□△△△
- □□□△△△
引用
行頭に文頭に半角不等号1つ( > )を置きます。 半角不等号( >> )2つで二重引用になります。
【記述例】
> 引用
>> 二重引用
【表示】
引用
二重引用
強調
半角アスタリスク( * )で、強調したい文字を囲みます。
【記述例】
ここは*くらげ広場(斜体)*です。
ここは**くらげ広場(太字)**です。
ここは***くらげ広場(斜体+太字)***です。
【表示】
ここはくらげ広場(斜体)です。
ここはくらげ広場(太字)です。
ここはくらげ広場(斜体+太字)です。
コードブロック
コードブロックの中に入れたい文章の上下にバッククォート3つ( ``` )を置きます。
【記述例】
[```]
ここはくらげ広場です。
[```]
※[ ]は不要です。表示の都合上、上記のように記載しています。
【表示】
ここはくらげ広場です。
文字揃え
<div align="center">と</div>で中央寄せしたい文章を囲みます。
<div align="right">と</div>で右寄せしたい文章を囲みます。
【記述例】
<div align="center">中央寄せです。</div>
<div align="right">右寄せです。</div>
【表示】
文字色
<font color="文字色"></font>で色をつけたい文章を囲みます。
※文字色の指定方法は、英語表記とカラーコードの2通りです。
※強調や見出しなど、別のマークダウンと併用することも可能です。
【記述例】
<font color="Red">RED</font>
<font color="DarkOrange">DARK ORANGE</font>
*<font color="#2B9BD6">斜体</font>*
<font color="Red"><div align="center">中央寄せ</div></font>
#### <font color="#0A4AB9">見出し4</font>
### <font color="#2B9BD6">見出し3</font>
【表示】
RED
DARK ORANGE
斜体
見出し4
見出し3
訂正線
チルダ2つ( ~~ ) で訂正したい文字を囲みます。
【記述例】
ここは~~くじら広場~~くらげ広場です。
【表示】
ここはくじら広場くらげ広場です。
水平線
半角ハイフン( - )、半角アスタリスク( * )のいずれかを3つ以上を一行に置きます。
※水平線を太くすることはできません
【記述例】
---
-------------
*****
* * * * *
【表示】
リンク
URLを記述すると自動的にリンクになります。
また、[リンクテキスト](URL)と記述するとリンクテキストがURLのリンクになります。
【記述例】
https://www.cloudgate.jp/
[【公式】CloudGate UNO](https://www.cloudgate.jp/)
【表示】
https://www.cloudgate.jp/
【公式】CloudGate UNO
表
バーティカルバー( | ) とハイフン( - )とコロン( : )を使って表を書きます。
- タイトル行
- 必ず必要です。強調表示になります。
- アライメント行
- 次のように列の文字位置を指定します。
- 「:--」左寄せ
- 「:-:」中央寄せ
- 「--:」右寄せ
- データ行
- 必要な分だけ追加できます。
- 必要な分だけ追加できます。
【記述例① 左寄せ】
|タイトル1|タイトル2|タイトル3|
|:--|:--|:--|
|内容1|内容2|内容3|
|内容4|内容5|内容6|
【表示① 左寄せ】
| タイトル1 | タイトル2 | タイトル3 |
|---|---|---|
| 内容1 | 内容2 | 内容3 |
| 内容4 | 内容5 | 内容6 |
【記述例② 右寄せ】
|タイトル1|タイトル2|タイトル3|タイトル4|タイトル5|
|--:|--:|--:|--:|--:|
|内容1|内容2|内容3|内容4|内容5|
|内容6|内容7|内容8|内容9|内容10|
【表示② 右寄せ】
| タイトル1 | タイトル2 | タイトル3 | タイトル4 | タイトル5 |
|---|---|---|---|---|
| 内容1 | 内容2 | 内容3 | 内容4 | 内容5 |
| 内容6 | 内容7 | 内容8 | 内容9 | 内容10 |
【記述例③ 中央寄せ】
|タイトル1|タイトル2|タイトル3|
|:--:|:--:|:--:|
|内容1|内容2|内容3|
|内容4|内容5|内容6|
|内容7|内容8|内容9|
【表示③ 中央寄せ】
| タイトル1 | タイトル2 | タイトル3 |
|---|---|---|
| 内容1 | 内容2 | 内容3 |
| 内容4 | 内容5 | 内容6 |
| 内容7 | 内容8 | 内容9 |
囲み枠
【記述例】
<table><td>
くらげ広場
</td></table>
【表示】
| くらげ広場 |
以上です!何かご質問等ございましたらコメントにて教えてください。