みんな大好きマークダウン!僕もメモをする時、議事録を取る時はマークダウンで書いていますが、あまり使わない記法なんかは書き方を忘れてしまって調べてみたり...って場面もある為、Markdown 記法をまとめてみました。
行頭に#
で見出しになる。
#
の数で見出しレベルが変わる。(h1〜h6 まで)
# 見出し1
## 見出し2
### 見出し3
#### 見出し4
##### 見出し5
###### 見出し6
空行を入れると段落になる。
テキストテキストテキスト
テキストテキストテキスト
テキストテキストテキスト
テキストテキストテキスト
改行したい箇所にスペース 2 つ入れる。
私は貝になりたい。
私は魚になりたい。 // 行末にスペース2つ
私は鯨になりたい。
私は貝になりたい。
私は魚になりたい。
私は鯨になりたい。
[表示するテキスト](リンク先URL)
でリンクを記述できる。
[Google先生](https://www.google.com/)
同じリンクを数カ所で使用する等、何度も URL を記述するのが面倒な場合、外部参照リンクを使うと便利です。
リンク先への参照を定義しておけば、定義を記述するだけでリンクが記述できます。
[yahoo先輩][yahoo]
[yahoo後輩][yahoo]
[こっちもyahoo][yahoo]
[yahoo]: https://www.yahoo.co.jp/
yahoo 先輩 (opens new window)
yahoo 後輩 (opens new window)
こっちも yahoo (opens new window)
ハイフン-
、プラス+
もしくはアスタリスク*
のいずれかを行頭に記述。
タブを入れることでネスト可。HTML でいうところのul
- リスト1
- リスト2
- リスト2-1
- リスト2-2
- リスト3
行頭に数字.
を記述する。HTML でいうところのol
ネストは箇条書きリスト同様タブを入れる。表示される番号は自動的に採番されるみたいで、すべての行を1.
と記述するのが良いようです。僕はこれを知らずに律儀にきちんと順に番号割り振って記述してましたw
1. リスト1
1. リスト2
1. リスト2-1
1. リスト2-2
1. リスト3
行頭に>
を記述する。
ネストする際は>
を重ねて>>
と記述する。
> 有名な方のありがたいお言葉を引用。
> ちょっと有名な方のありがたいお言葉を引用。
>> そこそこ有名な方のありがたいお言葉を引用。
>> 結構有名な方のありがたいお言葉を引用。
有名な方のありがたいお言葉を引用。
ちょっと有名な方のありがたいお言葉を引用。そこそこ有名な方のありがたいお言葉を引用。
結構有名な方のありがたいお言葉を引用。
バッククオート 3 つ```
で囲む。
```
console.log('hello, world!!')
```
console.log("hello, world!!");
バッククオート`
で囲む。
震える手で`npm install`を実行すると、涙が出た。
震える手でnpm install
を実行すると、涙が出た。
アンダースコア_
、アスタリスク*
、ハイフン-
等、3 つ以上連続して記述する。
アスタリスク
***
アンダースコア
___
ハイフン
---
間にスペースが入ってもOK
- - -
アスタリスク
アンダースコア
ハイフン
間にスペースが入っても OK
アスタリスク*
もしくはアンダースコア_
で文字列を囲む。
見た目は斜体(italic)になります。
明日の天気は、*晴れ*みたいです。
ただ、明後日は_雨_のようです。
明日の天気は、晴れみたいです。
ただ、明後日は雨のようです。
アスタリスク*
もしくはアンダースコア_
2 つで文字列を囲む。
見た目は太字(bold)になります。
明日の天気は、**晴れ**みたいです。
ただ、明後日は__雨__のようです。
明日の天気は、晴れみたいです。
ただ、明後日は雨のようです。
アスタリスク*
もしくはアンダースコア_
2 つで文字列を囲む。
見た目は斜体(italic)+ 太字(bold)になります。
明日の天気は、***晴れ***みたいです。
ただ、明後日は___雨___のようです。
明日の天気は、晴れ みたいです。
ただ、明後日は 雨 のようです。
取り消ししたい文字列をチルダ 2 つ~~
で囲みます。
私は~~金持ち~~貝になりたい。
私は金持ち貝になりたい。
リンクと同じような書き方になり、先頭に!
を付けると画像になります。![alt](画像URL)
画像の大きさを指定する場合は、img タグを使います。
![sample画像](/images/sample_image.jpg)
<img src="/images/sample_image.jpg" alt="sample画像" title="sample画像" width="200" >
-
と|
を使って table を作成します。
1 行目のヘッダー記述後に:
で左寄せ、右寄せ、中央寄せを定義します。
| header | header | header |
| :----- | :----: | -----: |
| left | center | right |
| A | B | C |
header | header | header |
---|---|---|
left | center | right |
A | B | C |
実は HTML と同じ書き方でコメントアウトが使える。
<!-- comment. -->