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
의견을 남기기 위해서는 SLiPP 계정이 필요합니다.
안심하세요! 회원가입/로그인 후에도 작성하시던 내용은 안전하게 보존됩니다.
SLiPP 계정으로 로그인하세요.
또는, SNS 계정으로 로그인하세요.