민한의 블로그

마크다운의 사용법 대해서 끄적끄적 본문

기타 정리/기타

마크다운의 사용법 대해서 끄적끄적

minhan2 2021. 8. 30. 14:08
728x90
반응형

github wiki나 개발자 블로그 등에서 마크다운을 많이 쓰기에 작성을 시작.

Markdown는 텍스트 기반의 마크업 언어로 2004년 존그루버에 의해 만들어짐

쉽게 쓰고 읽을 수 있으며 HTML로 변환이 가능하며 특수기호와 문자를 이용한 매우 간단한 구조의 문법을 사용하며 웹에서도 보다 빠르게 컨텐츠를 작성하고 보다 직관적으로 인식가능하며, 문법이 쉽고 관리가 쉬움.

마크타운이 각광받는 이유는 github.com 때문, github의 저장소의 대문 역할을 하는 README.md가 마크다운 형태로 작성

장점-간결, 별도의 도구없이 작성가능, 텍스트파일이기때문에 버젼관리시스템을 통해 변경이력관리가능, 다양한 형태로 변환 가능

단점-모든 HTML 마크업을 대신하지 못함


헤더관련

특수기호 # 과 붙여쓰면 안됨. 띄워서 써줘야함.

# 헤더 1
## 헤더2
### 헤더3
#### 헤더4
##### 헤더5
##### 헤더6

헤더 1

헤더2

헤더3

헤더4

헤더5
헤더6

강조 관련

*별표로 기울이기* _또는 언더바 하나로 기울이기_
**볼드,굵게** __언더바 두개로도 가능__
_기울이기와 **굵은 글자** 같이쓰기_
~~취소선 그어버리기는 물결표 양쪽으로 두개~~

별표로 기울이기 또는 언더바 하나로 기울이기
볼드,굵게 언더바 두개로도 가능
기울이기와 굵은 글자 같이쓰기

취소선 그어버리기는 물결표 양쪽으로 두개


리스트

1. 첫번째 리스트 - order list , html 태그에서 <ol></ol>
2. 두번째 리스트
  * sub list 이다.
  * 그리고 unorder list이다. html 태그에서 <ul></ul>
  - unorder list 는 *, -, + 이렇게 세개가 가능하다.
  + 무얼 쓰던 상관은 없다
1. 세번째 리스트 - 이건 왜 새로운 리스트가 아니라 3. 으로 나올까? 사실 숫자는 상관없다. 우리에게 보이기에만 숫자로 보이고. 컴퓨터에게는 <li></li>태그의 연속일 뿐이기 때문이다.
  1. 첫번째 리스트 - order list , html 태그에서
  2. 두번째 리스트
    • sub list 이다.
    • 그리고 unorder list이다. html 태그에서
    • unorder list 는 *, -, + 이렇게 세개가 가능하다.
    • 무얼 쓰던 상관은 없다
  3. 세번째 리스트 - 이건 왜 새로운 리스트가 아니라 3. 으로 나올까? 사실 숫자는 상관없다. 우리에게 보이기에만 숫자로 보이고. 컴퓨터에게는 <li></li>태그의 연속일 뿐이기 때문이다.

인용구

인용구는 > 오른쪽 꺽쇠를 사용한다
중첩으로 사용가능하다.
> 를 indent로 생각하고 사용하면된다.
>
>>
>>>

이것은 인용구입니다.

두번째 인용구입니다.

중첩으로도 사용이 가능합니다.
이렇게요.


링크

링크를 만드는 방법은 두가지가 있는데,
[나는 인라인 링크이지롱](https://www.naver.com)
[나는 인라인 링크인데, 타이틀도 있지롱](https://www.naver.com "그것은 네이버")
[이건 내 홈페이지에서 파일 이동하는 것 뒤로 두번 간후에 entry의 해당 파일로 이동](../../entry/마크다운에-대해서-끄적끄적)

[이렇게 불러오는것도 신기하죠?][굳이 쓸까 싶긴한데 이렇게 레퍼런스로 가져오는것도 됌]
[숫자로도 불러오기가 가능][1]

[굳이 쓸까 싶긴한데 이렇게 레퍼런스로 가져오는것도 됌]: http://minhan.kr
[1]: http://minhan.kr

나는 인라인 링크이지롱
나는 인라인 링크인데, 타이틀도 있지롱
이건 내 홈페이지에서 파일 이동하는 것 뒤로 두번 간후에 entry의 해당 파일로 이동

이렇게 불러오는것도 신기하죠?
숫자로도 불러오기가 가능


이미지

이미지 가져와봅시다

인라인 스타일 :
![alt text](https://github.com/adam-p/markdown-here/raw/master/src/common/images/icon48.png "이미지 위에 올려놓으면 나오는 글자, 또는 이미지가 안나올때 대신 나오는 글자")

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

[logo]: https://github.com/adam-p/markdown-here/raw/master/src/common/images/icon48.png "이미지 위에 올려놓으면 나오는 글자, 또는 이미지가 안나올때 대신 나오는 글자"

인라인 스타일 :

alt text

레퍼런스 스타일:

alt text


코드, 문장 하이라이트

역 따움표로 code를 적을수있는 지금 이곳과 같은 공간을 만들수있다. 
"`" <- 이것이 역따움표.
한줄을 적을때는 `를 하나씩 양쪽으로 적고,
여러줄일때는 `를 세개씩 양쪽으로 적는다.
언어를 나타낼때는 `세개와 코드종류를 적는다.


`javascript
var s = "JavaScript 문장 하이라이트";
alert(s);
`

테이블

테이블은 딱히 Marckdown의 core 스펙은 아니지만, 사용가능하다.

Colons can be used to align columns.

| Tables          | Are           | Cool       |
| --------------- |:-------------:| ----------:|
| 왼쪽정렬          | 중앙정렬        |이건 오른쪽 정렬|
| 이런식으로 ROW 추가 |               |            |



테이블을  감싸고있는 파이프(|)는 옵션ㅇ기 때문에, 굳이 쓸필요는 없다.

Markdown | Less | Pretty
---      | ---   | ---
*기울이기* | `코드` | **굵게**
1 | 2 | 3

수평선 긋기

보통 세개를 쓴다

---
하이픈

***
별

___
언더바

하이픈



언더바


줄바꿈

안녕하세요
줄바꿈을 하고싶으실때는  <!-- 띄어쓰기를 두번하세요! -->
또는 <br> 을 쓰시면 됩니다.

안녕하세요
줄바꿈을 하고싶으실때는
또는
을 쓰시면 됩니다.

728x90
반응형
Comments