Markdown記法の基礎

はてなブログの編集方法をMarkdownに変更してみました。
基本的な記述をおさらい。
はてブにはMdのリアルタイムプレビュー機能がないので、VS Codeで記述したやつを貼り付けました。

見出し

# を複数個付ける

# h1
## h2
### h3
#### h4
##### h5
###### h6

h1

h2

h3

h4

h5

h6

段落

空行を挟む

あいうえお
(空行)
あいうえお

あいうえお

あいうえお

改行

半角スペースを２つ付けて改行する

あいう（半角スペース２つ）
えお

あいう
えお

斜体

* _ で囲う

*TEST*  
_TEST_  

TEST
TEST

強調

** __ で囲う

**TEST**  
__TEST__

TEST
TEST

箇条書き

- + * を先頭に付ける

- TEST1
    * TEST1-1
    * TEST1-2
- TEST2
    + TEST2-1
        - TEST2-1-1
    + TEST2-1
- TEST3

• TEST1
  • TEST1-1
  • TEST1-2
• TEST2
  • TEST2-1
    • TEST2-1-1
  • TEST2-1
• TEST3

連番

数値. を先頭に付ける

1. TEST1
    1. 連番でなくてもよい
    1. 間に項目が追加時に連番を振り直さなくてよい
    1. 場合に応じて使い分ける
2. TEST2
3. TEST3

1. TEST1
   1. 連番でなくてもよい
   2. 間に項目が追加時に連番を振り直さなくてよい
   3. 場合に応じて使い分ける
2. TEST2
3. TEST3

区切り

---
***
___

---

---

---

引用

>を先頭に付ける

>あいうえお

あいうえお

リンク

()

[]()

[]( "")

• リンクのみ
  (https://satouyousuke.hatenablog.com/)

  https://satouyousuke.hatenablog.com/

• 文字へリンク
  [佐藤洋介のログ](https://satouyousuke.hatenablog.com/)

  佐藤洋介のログ

• 文字へリンクしマウスホバー時に説明を表示
  [佐藤洋介のログ](https://satouyousuke.hatenablog.com/ "タイトル")

  佐藤洋介のログ

画像

![]()
![]( "")

• 画像のみ
  ![佐藤洋介](https://cdn.profile-image.st-hatena.com/users/satouyousuke/profile.png)

  

• 画像にマウスホバー時に説明表示
  ![佐藤洋介](https://cdn.profile-image.st-hatena.com/users/satouyousuke/profile.png "タイトル")

  

• 画像へリンク
  [![佐藤洋介](https://cdn.profile-image.st-hatena.com/users/satouyousuke/profile.png "タイトル")](https://satouyousuke.hatenablog.com/)

  

テーブル

| - で区切る

|test2 |test1 |test3 |
|------|------|------|
|1     |2     |3     |
|4     |5     |6     |

test2	test1	test3
1	2	3
4	5	6

コード

• ```で囲う。

  (```で囲う)
  if(a == b){
  　a += b;
  }
  (```で囲う)

  if(a == b){ a += b; }

• 半角スペース4つを先頭に付ける。

  (半角スペース4つ)　if(a == b){
  (半角スペース4つ)　　a += b;
  (半角スペース4つ)　}

    if(a == b){
      a += b;
    }  
  

• インラインは ` で囲う。
  分岐の`if(a == b)`はテストコードです

  分岐のif(a == b)はテストコードです