11 분 소요

1. 테스트 환경 🥼

  1. local 환경에서 jekyll 서버 구동

    bundle exec jekyll serve
    jekyll serve

  2. 블로그 결과물 미리보기

    http://127.0.0.1:4000

2. Markdown 문법 📚

1. 머리말 (Header)

• H1~H6 까지 지원, H1, H2는 자동으로 밑줄!

  # Hdeaing (H1)
  ## Heading (H2)
  ### Heading (H3)
  #### Heading (H4)
  ##### Heading (H5)
  ###### Heading (H6)

» 결과 «

Hdeaing (H1)

Heading (H2)

Heading (H3)

Heading (H4)

Heading (H5)
Heading (H6)

2. 개행 (New line)

• 줄을 바꾸거나 문단을 구분할 때 사용

  • 줄 바꿈 : 라인의 마지막에 공백 두 칸( )을 입력
  • 문단 구분 : 글을 입력 후 Enter 두 번 입력

3. 인용구 (Block Quotation, BlockQuote)

• 인용하거나 강조를 하고 싶을 때 사용. 중복하여 사용 가능

  > 인용구 1개 
  >> 인용구 2개 
  >>> 인용구 3개 
  >>>> 인용구 4개 

» 결과 «

인용구 1개

인용구 2개

인용구 3개

인용구 4개

4. 글자 형식 (Font Style)

• 굵게, 기울기, 취소, 밑줄

  _기울기_
  **굵게**
  ~~취소선~~
  <u>밑줄<u>
  <mark>하이라이트</mark>

» 결과 «

기울기
굵게
취소선
밑줄
하이라이트

5. 목록 (List)

• 순서가 없는 리스트 (Unordered List)

  * 순서가 없는 리스트
  - 순서가 없는 리스트
  + 순서가 없는 리스트  

» 결과 «

  • 순서가 없는 리스트
  • 순서가 없는 리스트
  • 순서가 없는 리스트

• 순서가 있는 리스트 (Ordered List)

  1. 순서가 있는 리스트1
  3. 순서가 있는 리스트3
  2. 순서가 있는 리스트2

» 결과 «

  1. 순서가 있는 리스트1
  2. 순서가 있는 리스트3
  3. 순서가 있는 리스트2

6. 코드 (Code)

• 인라인 코드 (Inline Code)

    `Grave`으로 강조 할 수 있음

» 결과 «

Grave로 강조 할 수 있음

• 블록 코드 (Block Code)

    ```c++
      #include <iostream>
      using namespace std;

      int main()
      {
        cout << "Hello World"<< endl;
        retrun 0;
      }
    ```

» 결과 «

      #include <iostream>
      using namespace std;

      int main()
      {
        cout << "Hello World"<< endl;
        retrun 0;
      }

• 링크

  <https://www.naver.com/>

» 결과 «

https://www.naver.com/

• 링크 + 설명

  [NAVER](https://www.naver.com/)

» 결과 «

NAVER

8. 이미지 (Image)

• 이미지

  ![image](이미지주소)

» 결과 «

image

• 이미지 링크

  ![image](이미지주소)](링크)

» 결과 «

image

9. 수평선 (Horizon)

• 페이지 영역을 분할 할 때 사용

  ---
  ***
  ___

» 결과 «




카테고리:

업데이트:

댓글남기기