Markdownの書き方をシンプルにまとめました

文書の作成が格段に早くなるマークダウン記法のチートシートです。
マークダウンとは、デジタル文書を活用する方法として考案された文章の書き方です。
文章の「見出し」の「章」や「節」、本文の「段落」「箇条書き」「リンク」という構造を、手軽に明示できます。
記述例と表示例をまとめました。


Markdownで見出しを付ける

記述例

# を頭に付けます
# の数で見出しの順位が変わります
#:H1、##:H2、###:H3 …

# こんにちは、H1 です
## どうも、H2 です
### 聞こえますか、H3 です
#### ヒューストン… H4 …

表示例

文字の装飾をする

Markdownでの文字の装飾の書き方


文章を折りたたむ

detailsタグとsummaryタグを使います。

記述例

<details><summary>この盃を受けてくれ</summary>
どうぞなみなみ注がしておくれ</details>

表示例

この盃を受けてくれ

どうぞなみなみ注がしておくれ

リンクを挿入する

記述例

[アンカーテキスト](URL)

表示例

アンフィニ・ラボ

画像を埋め込む

リンク先に画像

記述例

[アンカーテキスト](画像のURL)

表示例

Markdownの書き方をシンプルにまとめました

画像をドンと表示

記述例

![Alt属性のテキスト](画像URL)

表示例

Markdownの書き方をシンプルにまとめました

ローカルの画像を挿入する

エディタに画像をドラッグ・アンド・ドロップする。

引用を記述する

記述例

> を頭に記述します(すべての行に書きます。入れ子もできます。)

>引用するよ
>>何回でもするよ

表示例

引用するよ

何回でもするよ

リスト表示する

黒丸でリスト

頭に「* 」か「+ 」か「- 」を挿入します。それぞれの記号の後ろには半角Spaceを挿入します。

記述例

* iPhone
* iPad
* iMac

表示例

  • iPhone
  • iPad
  • iMac

数値でリスト

頭に「数値. 」と書きます。ピリオドの後ろには半角Spaceを挿入します。
リストの上下に改行を入れます。

記述例

1.ヨークシャーテリア
2.トイ・プードル
3.チワワ

表示例

1.ヨークシャーテリア
2.トイ・プードル
3.チワワ

チェックボックスを挿入する

頭に「* [ ] 」か「+ [ ] 」か「- [ ] 」を挿入します。それぞれの記号の前後には半角Spaceを挿入します。
チェックをするときは、[x]と記述します。

記述例

* [ ] Windows派
* [x] Mac派

表示例

水平線を書く

記述例

* * *
***
*****
- - - 

表示例





テーブルを挿入する

記述例

| Left align | Center align | Right align |
|:-----------|:------------:|------------:|
| A          | HA           | HA          |
| IHIHI      | UFUFU        | EHEHE       |

「:」で、表示位置を左寄せ(:—)、中央揃え(:—:)、右寄せ(—:)に設定します。

表示例

エディタで表示がずれても気にならなければ、最小限の記述でもOKです。
(きれい好きの方には耐え難いでしょうが)

記述例

|Left align|Center align|Right align|
|:-|:-:|-:|
|A|HA|HA|
|IHIHI|UFUFU|EHEHE|

表示例

テーブルの中にチェックボックスを入れることもできます。

記述例

|テーブルに|チェックボックス|入れちゃうよ|
|:-|:-:|-:|
|<input type="checkbox">|<input type="checkbox">|<input type="checkbox">入ったよ|

表示例

テーブルに チェックボックス 入れちゃうよ
入ったよ でも 押せないよ(プレビューで)

テーブルに内にチェックボックスを表示して、HTMLで出力・表示するとチェックを変更できます。
しかし、Markdownのプレビューではチェックを変更できない…。
Markdownのプレビューで使えると嬉しいんですが。。。

注釈を記述する

マークダウンを無効化する

マークダウンの前に「/」(バックスラッシュ)を挿入します。

記述例

/* [ ] 猫派

表示例

/* [ ] 猫派

チェックボックスが表示されません。

まとめ

マークダウンを使えば、形の整ったメモを素早く簡単に作れます。
容量が軽いのも、クラウドに保存するのにピッタリですね。

MarkdownをWordPressで使ってみた!できないことがあるよ

関連記事

コメントを残す

*

このサイトはスパムを低減するために Akismet を使っています。コメントデータの処理方法の詳細はこちらをご覧ください

error: Content is protected !!