ロゴセイルデザインログブック

技術関係の覚書ブログ

マークダウン記法の書き方

マークダウン(MarkDown)とは?

マークダウンは、2004年にジョン・グルーバー(John Gruber)によって開発された軽量マークアップ言語です。

マークダウンの書き方

文書・構成

見出し

見出しは、テキストの前に「#」記号を付けることで作成します。「#」の数は見出しのレベルを表しています。HTMLで言うところのh1〜h6のことです。

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

リスト

順序なしリスト
ここにリスト
 * ここに入れ子リスト

+ ここにリスト
 + ここに入れ子リスト

- ここにリスト
 - ここに入れ子リスト
番号付きリスト
1.ここにリスト
2.ここにリスト

テーブル

テーブルを作成するには、パイプ(|)記号とハイフン(-)を使用します。
ヘッダー行とデータ行の間には少なくとも3つのハイフンを使って区切ります。
区切り行に「:」(コロン)を使うことにより列を揃えることができます。

  • 左揃え :列の左側にコロンを追加
  • 中央揃え:列の両端にコロンを追加
  • 右揃え :列の右側にコロンを追加
|見出し|見出し|見出し|
|:--- |:---:| ---:|
|セル |セル |セル |
|セル |セル |セル |
|セル |セル |セル |

コード

コードブロックを作成するには、テキストの始まりと終わりにバッククォート(`)を3つ記述します。
テキスト上にあるバッククォートのあとに言語を入力することができます。

``` javascript
ここにコードを書く
```

引用

引用したいテキストの前に「>」記号を付けます。

> ここに引用テキスト

リンク・画像

リンク

リンクを作成するには、リンクテキストを角括弧で囲み、その後にリンク先URLを丸括弧で囲みます。

[リンクのテキスト](リンクのURL)

画像

画像を埋め込むには、リンクの記法に「!」を追加します。

![代替テキスト](画像のURL)

テキスト装飾

斜体

テキストを斜体(イタリック)にすることができます。

*ここにテキスト*
_ここにテキスト_

サンプル

テキストを太字にすることができます。

**ここにテキスト**
__ここにテキスト__

まとめ

マークダウンは、通常のテキストを書くようなシンプルさと柔軟性から、幅広い用途で利用されています。
WordPressのブロックエディター(Gutenberg)であればプラグインを入れることもなく一部利用できるので活用してみてはいかがでしょうか。