くらげ広場ガイド

くらげちゃん
2022/11/25 12:23

くらげ広場でマークダウン記法を使おう!


こんにちは!くらげちゃんです。

くらげ広場のユーザーが増えてきて嬉しい限りです!改めて、ご参加いただきありがとうございます!

もっともっとくらげ広場を盛り上げるために、くらげトークで使えるちょっとした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. □□□
    1. □□□△△△
    2. □□□△△△


引用


行頭に文頭に半角不等号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>



【表示】

くらげ広場




以上です!何かご質問等ございましたらコメントにて教えてください。

いいね
コメントする