自分個人の学習用でマークダウン記法の基本的な使い方をまとめました。
Qiita初投稿のため至らない点があるかと思いますが、よろしくお願いいたします。
VSCodeプレビューを開く
［Command］＋［K］→［V］でVSCode上でマークダウン記法のプレビューを開くことができる。READMEなどを書くとき便利。
バッククオート３つで囲むと等幅フォント字下げを行う
\```
バッククオート３つで囲むと等幅フォント字下げを行う
\```
h1 は「#1 個で見出しを表現できる」
h2 は「#2 個で見出しを表現できる」
h3 は「#3 個で見出しを表現できる」
h4 は「#4 個で見出しを表現できる」
h5 は「#5 個で見出しを表現できる」
h6 は「#6 個で見出しを表現できる」
h1 は「下段に = 1 個で見出しを表現できる」
（例）
h1 は「下段に = 1個で見出しを表現できる」
=
h2 は「下段に - 1 個で見出しを表現できる」
h2 は「下段に - 1個で見出しを表現できる」
-
p タグ(パラグラフ)の表現
次のパラグラフに行きたい場合は空文字列の行を入力する
hello.
hello.hello.hello.hello.hello.hello.hello.
hello.hello.hello.hello.hello.hello.hello.hello.
hello.hello.hello.hello.hello.hello.hello.hello.
hello.hello.hello.hello.hello.hello.hello.hello.
第一パラグラフの中で改行する場合は半角スペースを二つ増やす。
hello.
hello.hello.hello.hello.hello.hello.hello.
hello.(半角スペース二個)
hello.hello.hello.hello.hello.hello.hello.
引用文を表現
HTML タグでいうところの blockquote のこと。
quote. quote.quote.quote.quote.quote.quote.quote.
文の先頭に>をいれる
>quote. quote.quote.quote.quote.quote.quote.quote.
区切り線をつける
html でいうところの hr タグ
ハイフン 3 つ以上
（その場合見出しの表現とかぶらないように 1 行開ける）
アスタリスク 3 つ
アンダースコア 3 つ
ハイフン3つ以上
（その場合見出しの表現とかぶらないように1行開ける）
---
アスタリスク3つ
***
アンダースコア3つ
___
強調表示をする
アスタリスクかアンダーバーで囲うと斜体になる。
アスタリスクかアンダーバーで囲うと斜体になる。
*アスタリスクかアンダーバーで囲うと斜体になる。*
_アスタリスクかアンダーバーで囲うと斜体になる。_
2 つのアスタリスクかアンダーバーで囲うと太字になる。
2 つのアスタリスクかアンダーバーで囲うと太字になる。
**2 つのアスタリスクかアンダーバーで囲うと太字になる。**
__2 つのアスタリスクかアンダーバーで囲うと太字になる。__
箇条書きの表現方法
箇条書きは文の先頭に - （ハイフン 半角スペース）を使えば箇条書きになる。
- リスト
- リスト
- リスト
書き方
- リスト
- リスト
- リスト
プラスやアスタリスクでも箇条書きの表現ができる
- リスト
- リスト
- リスト
+ リスト
* リスト
- リスト
リスト内の項目として文章を書きたい場合は、４文字以上の空白かタブで字下げをしつつ前後に空白の行をいれる
- 空白の行を下に挿入
４文字以上の空白を挿入
- 空白の行を上に挿入
- 空白の行を下に挿入
４文字以上の空白を挿入
- 空白の行を上に挿入
連番付きのリストを作成
- 数字の後にピリオドと半角スペースをつけると連番のリストと認識する
- 数字の後にピリオドと半角スペースをつけると連番のリストと認識する
- 数字の後にピリオドと半角スペースをつけると連番のリストと認識する
1. 数字の後にピリオドと半角スペースをつけると連番のリストと認識する
2. 数字の後にピリオドと半角スペースをつけると連番のリストと認識する
3. 数字の後にピリオドと半角スペースをつけると連番のリストと認識する
リンクの表現方法
url などを「<>」で囲うとリンクとして認識する
http:hogehoge.com
テキストを大括弧で囲い、その後リンクを半角丸括弧でを書く事で、テキストのリンクとして認識する
[テキストを大括弧で囲い、その後リンクを半角丸括弧でを書く事で、テキストのリンクとして認識する](http:hogehoge.com)
コードを見やすくする
function (){
console.log('関数などはバッククオート三つで囲うと読みやすい');
}
短いコードなどはバッククオートで囲ってあげると読みやすい。
短いコードなどは`バッククオートで囲ってあげる`と読みやすい。
画像を表示させる
最後に
個人用とは言え非常に読みづらいかと思いましたが、ここまでのご閲覧ありがとうございました。
今後も勉強のアウトプットを行っていきますので、今後ともよろしくお願いいたします。