카테고리 없음

Markdown 작성법

JUN0126 2022. 4. 11. 00:32

블로그를 자주 쓰기 위해 다시 한 번 마음을 잡은 이때 이왕이면 정리정돈 되게 보여지는 글을 쓰기 위해

Markdown 작성법을 파악하여 작성하기 위해 작성법을 정리 해보기로 하였다.

큰 제목


큰 제목
=========

작은 제목


작은 제목
---------

글자 크기 #(1~6)


# H1 글자 크기
## H2 글자 크기
### H3 글자 크기
### H4 글자 크기
#### H5 글자 크기
##### H6 글자 크기
---------

H1 글자 크기

H2 글자 크기

H3 글자 크기

H4 글자 크기

H5 글자 크기

H6 글자 크기

블럭 인용 문자


> 블럭 인용 문자, 문자 앞에 | 블럭이 들어간다.
>    > 블럭을 두개 사용하면 안쪽으로 블럭이 더 들어가지요
>    >    > 하나 더하면 안쪽으로 계속 들어간다
>    >    >    > 네개도 되나?

블럭 인용 문자, 문자 앞에 | 블럭이 들어간다.

블럭을 두개 사용하면 안쪽으로 블럭이 더 들어가지요

하나 더하면 안쪽으로 계속 들어간다

네개도 되나? => 되네

순서 있는 목록


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

순서 없는 목록 (+, -, *)


* 1단계 표기 ●
    * 2단계 표기 ○
        * 3단계 표기 ■
  • 1단계 표기
    • 2단계 표기
      • 3단계 표기

들여쓰기 (한 탭, 혹은 4개 띄어쓰기)

This is a normal paragraph:

This is a code block. (들여쓰기 시 자동으로 코드 블럭이 생성되네)

end code block.

코드 블럭


pre
  code
  /code
/pre

코드 블럭 (코드 문법 강조)


``` java (사용하는 언어, java, javascript, html, css 등)
public class JavaApplication{
    public static void main(String[] args){
        System.out.println("HI");
    }
}
```
public class JavaApplication{
    public static void main(String[] args){
        System.out.println("HI");
    }
}

수평선 ( hr/> )


한칸 아래 띄우기 ( br/> )

하지만 문장 지막에 3칸 이상을 띄어쓰기해도 자동으로 줄이 바뀐다.
3개 이상의 공백을 한 후 엔터를 해야 마크다운에서 줄 바꿈 진행

참조 링크


  [link keyword][id]

[id]: URL "Optional Title here"

// code
Link: [Google][googlelink]

[googlelink]: https://google.com "Go google"

link keyword

// code
Link: Google

[ 여기 괄호 사이에 링크를 걸 키워드를 설정하고. ] [ 주소, 이메일 등을 적으면 알아서 링크가 형성된다.]


강조

    
      // '*','_','~'기호를 이용하며, 서로 중첩해 사용할 수 있다.
      *single asterisks 이텔릭체*
      _single underscores 이텔릭체_
      **double asterisks 볼드체**
      __double underscores 볼드체__
      ***tripple underscores 볼드+이텔릭체***
      ___tripple underscores 볼드+이텔릭체___
      ~~cancelline 취소선~~
      **~~bold cancelline 볼드+취소선~~**
      u태그 underline - 밑줄 /u태그
    

single asterisks 이텔릭체
single underscores 이텔릭체
double asterisks 볼드체
double underscores 볼드체
tripple underscores 볼드+이텔릭체
tripple underscores 볼드+이텔릭체
cancelline 취소선
bold cancelline 볼드+취소선
underline - 밑줄


이미지

![대체 텍스트](이미지 URL or Path "이미지 설명")
사이즈 및 정렬 조정 시 태그 사용, Link 문법과 비슷하나 앞에 ! 추가 해야함
화면 캡쳐하고 올릴 때 사용할 수 있을듯!


테이블도 작성할 수 있으나 작성할 경우가 많을까..
필요하다면 그때 작성 해보고 여기에 작성법을 기록해보자

참조
https://gist.github.com/ihoneymon/652be052a0727ad59601
https://www.psjco.com/72