[TIL] 💥마크다운 문법 정리💥

마크다운 문법이 익숙하지 않아서 그런지, 조금씩 헷갈려서 따로 정리를 해두려고 한다.
이 기회에 확실하게 기억해둬야겠다!! 🔥

---

1. 📌헤더 : 제목 등을 쓰고 싶을 때 사용한다.

1.1. H1 ~ H6까지 사용가능하다.

        # 1단계  
        ## 2단계
        ### 3단계
        #### 4단계
        ##### 5단계
        ###### 6단계

1단계

2단계

3단계

4단계

5단계

6단계

1.2. <h1>과 <h2>는 아래처럼도 표기 가능하다.

    This is an H1
    =============  
    This is an H2
    -------------

This is an H1

This is an H2

2. 📋목록

2.1. 순서있는 목록

순서가 있는 목록은 숫자+점을 사용한다!

    1. 첫번째
    2. 두번째
    3. 세번째

1. 첫번째
2. 두번째
3. 세번째

2.2. 순서없는 목록

*, +, -을 사용하면 된다!

    * 깃
        * 허
            * 브
    + 깃
        + 허
            + 브
    - 깃
        - 허
            - 브

• 깃
  • 허
    • 브
• 깃
  • 허
    • 브
• 깃
  • 허
    • 브

혼합해서 사용할 수도 있다.

* 깃
    - 허
        + 브
            - 짱

• 깃
  • 허
    • 브
      • 짱

3. 📒BlockQuote(인용문)

> 를 앞 뒤로 넣어준다.

    > 안녕하세요
    >   > 반갑습니다
    >   >   > 오늘 날씨가 좋네요:)

안녕하세요

반갑습니다

오늘 날씨가 좋네요:)

4. 📏구분선

* * *

***

*****

- - -

---------------------------------------

모두 다 선을 만든다.

---

---

---

---

---

5. 🖥️코드🧑‍💻

5.1. 들여쓰기

4개의 공백 또는 하나의 탭으로 들여쓰기를 만나면 변환되기 시작하여
들여쓰지 않은 행을 만날때까지 변환이 계속된다.

안녕하세요

    오늘 하루는 어떻게 보내셨나요?

언제나 행복하시길,, 헤헷,,

안녕하세요

오늘 하루는 어떻게 보내셨나요?

언제나 행복하시길,, 헤헷,,

한줄을 띄어쓰지 않으면 인식을 못한다.

안녕하세요
    오늘 하루는 어떻게 보내셨나요?
언제나 행복하시길,, 헤헷,,

안녕하세요 오늘 하루는 어떻게 보내셨나요? 언제나 행복하시길,, 헤헷,,

5.2. 코드블럭

• ``` 를 이용할 수 있다. 앞 뒤로 붙여준다.

```
public class Hello {
  public static void main(String[] args) {
    System.out.println("어서오세요 제 블로그에!");
  }
}
```

public class Hello {
  public static void main(String[] args) {
    System.out.println("어서오세요 제 블로그에!");
  }
}

• <pre><code>를 이용한다.

<pre>
<code>
public class Hello {
  public static void main(String[] args) {
    System.out.println("어서오세요 제 블로그에!");
  }
}
</code>
</pre>

public class Hello {
  public static void main(String[] args) {
    System.out.println("어서오세요 제 블로그에!");
  }
}

6. 📎링크

6.1. 참조링크

//문법
[link keyword][id]

[id]: URL "Optional Title here"

// 사용예!
Link: [Blog][Bloglink]

[Bloglink]: https://smilehyeon.github.io/ "Go Blog"

Link: Blog

6.2. 외부링크

문법: [Title](link)
사용예: [Blog](https://smilehyeon.github.io/ "Go Blog")

Link: Blog

6.3. 자동연결

일반 URL, 이메일주소는 알아서 적절한 형태로 링크를 생성한다!

* 외부링크: <https://smilehyeon.github.io/>
* 이메일링크: <smilehyeon@example.com>

• 외부링크: https://smilehyeon.github.io/
• 이메일링크: smilehyeon@example.com

7. 🙆강조하기❗

아래방법은 모두 문구를 강조한다.

*이곳은* //기울임
_smilehyeon의_ //기울임
**공간입니다** //굵게
__편하게__ //굵게
~~놀다 가세요~~ //취소선
***감사합니다🙏*** //굵게 + 기울임

이곳은 smilehyeon의 공간입니다 편하게 놀다 가세요 감사합니다🙏

8. ⤵️줄바꿈

가장 중요한 줄바꿈… 처음엔 이걸 몰라서 헤맸었다..ㅠㅠ
사실 일반 <br>을 써도 된다. 그렇지만 아래 방법을 사용한 것이 더 편하다.

줄바꿈 시에는 끝부분에 2칸이상을 띄어쓰기해야 한다.
줄바꿈 성공!

줄바꿈 시에는 끝부분에 2칸이상을 띄어쓰기해야 한다.  //두칸 띄어쓰기
줄바꿈 성공!

• 줄바꿈 시에는 끝부분에 2칸이상을 띄어쓰기해야 한다. 줄바꿈 성공!

• 줄바꿈 시에는 끝부분에 2칸이상을 띄어쓰기해야 한다.
  줄바꿈 성공!

9. 🖼️이미지🎨

//문법
![text](img path)
![text](img path "Optional title")

//사용 예
![이미지1](/assets/images/210828/idol.png)
![이미지2](/assets/images/210828/github.png "Optional title")

• 이미지 크기는 <img width="" height=""></img>를 이용한다.

<img src="/assets/images/210828/idol.png" width="390px" height="300px" alt="내블로그파비콘" />

💖✧･ﾟ: ✧･ﾟ: :･ﾟ✧:･ﾟ✧뾰로롱뾰로롱✧･ﾟ: ✧･ﾟ: :･ﾟ✧:･ﾟ✧💖

• 확장자명 을 조심하자! 대소문자도 구별해야한다.
  지킬 서버로 구동할땐 이미지가 뜨지만, 실제 깃허브 블로그에서는 이미지가 뜨지 않았다.