Github Flavored Markdown 샘플

2013-12-29 15:39

Github Flavored Markdown 샘플을 정리해보았다.

깃허브에서 README나 위키를 만들때 그냥 아무렇게나 작성해도 되지만, GFM(Github Flavored Markdown)으로 작성하면 더 보기 편하게 보여준다.

GFM은 Plain text로 작성된 파일을 HTML로 변경해서 보여주는 문법인 SM(Standard Markdown)을 조금 더 편하게 변경한 Github 버전이다.

내가 정리한 GFM 샘플은 http://dpaste.com/1528002/에서도 볼 수 있다.

깃허브 마크업 샘플 입니다.


1. 헤더
============================
# H1은 # 1개를 맨앞에 넣으세요
## H2은 # 2개를 맨앞에 넣으세요
### H3은 # 3개를 맨앞에 넣으세요
#### H4 # 4개를 맨앞에 넣으세요
##### H5 # 5개를 맨앞에 넣으세요
###### H6 # 6개를 맨앞에 넣으세요



2. H1과 H2는 이렇게 표현할 수도 있어요.
============================
H1은 2줄짜리를 밑에 그으세요(3개이상)
============================


H2는 1줄짜리를 밑에 그으세요(3개이상)
--------------------------------------------



3. 강조
============================
기울여서 강조하려면, *좌우에 별* 또는 _좌우에 언더바_를 하시면 됩니다.


굵게 강조하려면,      *좌우에 별 2개    * 또는 __좌우에 언더바 2개__를 하시면 됩니다.


두개를 혼합해서 쓸수 있어요.      *_굵고 기울게_    *.


줄을 삭제한 듯한 효과를 주려면, ~~좌우에 물결 2개~~를 하시면 됩니다.



4. 리스트
============================
1. 첫번째 아이템
2. 두번째 아이템
  * 순서 없는 서브리스트(*)
  - 순서 없는 서브리스트(-)
  + 순서 없는 서브리스트(+)
1. 앞에 숫자는 중요하지 않아요.
  1. 순서 있는 서브리스트
  2. 앞에 띄어쓰기 반드시 넣어주세요! 
4. 네번째 아이템


* 순서없는 리스트는 별(*)이나
- 마이너스(-)나
+ 플러스(+)로 표현할 수 있어요.



5. 링크
============================
[인라인 링크입니다. 바로 옆에 주소를 적으세요]([https://www.google.com)](https://www.google.com))


[레퍼런스에 링크 텍스트를 적는 방법입니다.][Arbitrary case-insensitive reference text]


[레퍼런스 번호를 적을 수도 있습니다.][1]


[아니면 링크 텍스트를 바로 적어도 됩니다].


레퍼런스는 밑에 적어두면 됩니다.


[arbitrary case-insensitive reference text]: [https://www.mozilla.org](https://www.mozilla.org)
[1]: [http://slashdot.org](http://slashdot.org)
[아니면 링크 텍스트를 바로 적어도 됩니다]: [http://www.reddit.com](http://www.reddit.com)


6. 이미지
============================
인라인 스타일: 
![alt 텍스트]([https://github.com/adam-p/markdown-here/raw/master/src/common/images/icon48.png](https://github.com/adam-p/markdown-here/raw/master/src/common/images/icon48.png) "타이틀 텍스트1 1")


레퍼런스 스타일: 
![alt 텍스트][logo]


[logo]: [https://github.com/adam-p/markdown-here/raw/master/src/common/images/icon48.png](https://github.com/adam-p/markdown-here/raw/master/src/common/images/icon48.png) "타이틀 텍스트 2"



7. 코드 강조
============================

javascript var s = "JavaScript syntax highlighting"; alert(s);

python s = "Python syntax highlighting" print s

 s = 'Ruby syntax highlighting' 
 puts s

8. 테이블

콜론(:)은 정렬하는데 사용할 수 있습니다.

| Tables | Are | Cool | | ------------- |:-------------:| -----:| | col 3 is | right-aligned | $1600 | | col 2 is | centered | $12 | | zebra stripes | are neat | $1 |

아래 테이블 처럼 바깥 파이프(|)는 안써도 됩니다. 또 테이블 안에 다른 마크업을 사용할 수 있습니다.

Markdown | Less | Pretty --- | --- | --- Still | renders | *nicely * 1 | 2 | 3

9. 인용문

인용문은 *오른꺽새(>) *를 줄 맨 앞에 쓰면 사용할 수 있습니다. 연속된 인용문은 하나로 합쳐집니다. 인용문 안에서 다른 마크업을 사용할 수 있습니다.

이렇게 오른꺽새를 안쓰면 인용문이 끝납니다.

10. HTML

Definition list
Is something people use sometimes.
Markdown in HTML
Does *not* work *very * well. Use HTML tags.

이렇게 바로 HTML을 사용할 수 있습니다. HTML안에 다른 깃허브 마크업은 간혹 작동 안 할 수 있습니다.

11. 가로선

--- 3개 이상 하이픈(-)

**

3개 이상 별(*)

___ 3개 이상 언더바(_) ```

GFM은 http://markdown-here.com/livedemo.html에서 실시간으로 확인할 수 있다. 위 샘플을 http://markdown-here.com/livedemo.html에 복사/붙여넣기하면 어떤 식으로 표현되는지 한 눈에 알 수 있을 것이다.

0개의 의견 from SLiPP

의견 추가하기

연관태그

← 목록으로