[Markdown] 마크다운 총정리 All in One

in #kr7 years ago (edited)

안녕하세요 낸드(Nand) 입니다.

마크다운(Markdown) 아세요?

전 스팀잇 입문하기 전에 마크다운(Markdown)을 조금 쓰고 있었습니다.

근데 이번 글을 작성하면서 보니 제가 쓰고 있는 기능은 반정도밖에 안됐었더라고요.

그리고, 스팀잇 내에 있는 마크다운 글들을 보니 빠진 기능이 몇가지 있더라고요.

그래서, 이 글의 특징은:

  1. 다 종합했습니다.
    마크다운 쓰는 법을 알고 싶으면 이 글만 보면 됩니다. 라고 감히 말씀드립니다.
  2. 자주 쓰고 중요한 기능을 우선적으로 했습니다. 뒤로 갈 수록 안봐도 됩니다.
  3. 예제 보여드리고, 마크다운 코드를 바로 뒤에 썼어요.

마크다운은 2004년에 존 그루버 (John Gruber)가 만들었고, 이후 여러 종류가 나와있다고 하는데...

지금 제일 중요한건 스팀잇에서 쓰이냐 안쓰이냐, 쓰이면 어떻게 쓰냐 아니겠어요?
그래서 바로 실전 예제로 넘어가겠습니다.

Space and Enter 띄어쓰기와 엔터

기본적인건데요, 띄어쓰기(space) 여러 번은 한번과 같습니다.
엔터를 한번 치면, 글이 붙어요.

엔터를 두번 치면 단락이 바뀌죠.

엔터 여러번 친다고 여러 줄이 띄어지는건 아니에요.

기본적인건데요, 띄어쓰기(space)       여러 번은 한번과 같습니다. 
엔터를 한번 치면, 글이 붙어요.

엔터를 두번 치면 단락이 바뀌죠.


엔터 여러번 친다고 여러 줄이 띄어지는건 아니에요.
  • 기본적으로 형식에 맞게 쓰시고, 가끔 강제로 여러 줄을 맘대로 띄고 싶다 하면 <br/>을 사용하세요.

Header 헤더, 제목

헤더1

헤더2

헤더3

헤더4

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

헤더는 6단계가 있습니다. HTML의 <H1> ... <H6>에 대응됩니다.
이것만 잘 써도 글이 좀 더 깔끔합니다.


List 리스트, 목록

Ordered list 번호 (숫자) 목록

  1. 첫 번째
  2. 두 번째
  3. 세 번째
  4. 1을 다시 써도 네 번째
1. 첫 번째
2. 두 번째
3. 세 번째
1. 1을 다시 써도 네 번째

자동으로 숫자가 바뀌는게 신기하죠.

Unordered list 글머리기호 목록

  • 빼기를 써도
    • 빼기를 써도
      • 빼기를 써도
  • 곱하기를 써도
    • 곱하기를 써도
      • 곱하기를 써도
  • 더하기를 써도
    • 더하기를 써도
      • 더하기를 써도
- 빼기를 써도
    - 빼기를 써도
        - 빼기를 써도
* 곱하기를 써도
    * 곱하기를 써도
        * 곱하기를 써도
+ 더하기를 써도
    + 더하기를 써도
        + 더하기를 써도
  1. 이렇게
  • 여러개를
    1. 섞어서
    2. 쓰면
      • 어떻게
      • 될까요

1. 이렇게
- 여러개를
    2. 섞어서
    3. 쓰면
        * 어떻게
        + 될까요
    1. 음

-, *, + 중 하나만 쓰는 걸로 해요. -가 편합니다. 시프트키 안눌러도 되니깐.


Emphasis 강조

이탤릭 , 이탤릭
볼드 볼드
이탤릭볼드
이탤릭볼드
이렇게 할수도
취소선

_이탤릭_ , *이탤릭*
__볼드__ **볼드**
___이탤릭볼드___
***이탤릭볼드***
**이렇게 _할수도_**
~~취소선~~

강조 3인방은 이탤릭, 볼드, 밑줄인데...
밑줄은 마크다운엔 지원이 없고, <u>도 안먹히네요.


Link 링크

스팀잇링크

[스팀잇링크](https://steemit.com)

https://steemit.com

https://steemit.com

그냥 주소를 넣어도 자동으로 링크가 생깁니다.


이미지

![](https://steemit.com/images/favicons/apple-touch-icon-57x57.png)

또한, 마크다운과 별도로, 스팀잇에서는 그냥 URL 쓰면 이미지가 보입니다.

https://steemit.com/images/favicons/apple-touch-icon-57x57.png

동영상

이것도 마크다운과 별개인데, 스팀잇에서는 URL 쓰면 동영상이 바로 보입니다.

https://youtu.be/aKTH0o8AEtQ

구분선








---
***
___
* * *
*****
- - -
-------------------

모두 다 HTML의 <hr>에 대응됩니다. 사실 ---*** 정도로 쓰면 되고,
나머지는 구분선 만드려는 의도가 아닌데 구분선이 만들어지지 않게 조심만 하면 될거 같군요.


quoting code 코드 인용

코드 인용

블록인용

`코드`

```
블록인용
```    

블록인용은 <pre>에 대응되는거죠.

    이렇게 앞에 space 4칸을 띄어서 사용해도 블록 인용이 됩니다.

저 문자는 grave라고 키보드상 숫자 1 옆에 물결~ 있죠. 시프트키 안치고 누르는 그겁니다. ` 이거요


quoting text 인용구

인용구는 이렇게

여러단도 가능

3단

> 인용구는 이렇게
>> 여러단도 가능
>>> 3단

Table 표

123
표 쓸때는중간 두번째줄에--- 이거 필요합니다.
1 | 2 | 3
--- | --- | ---
표 쓸때는 | 중간 두번째줄에 | `---` 이거 필요합니다.

마크다운 포맷 무시하기

이건데 .. *이렇게*

*이건데* .. \*이렇게\*

지금처럼 마크다운 설명할 때 유용한 기능인데요.
앞에 backslash \ 를 달아주는거죠.
혹은 블록인용을 사용하는 것도 방법입니다.

emoji 이모지

😍

&#128525;

더 많은 이모지는 관련 글을 참고해주세요.

https://steemit.com/steemkr-guide/@snow-airline/steemkr-quick-start-guide


추가

스팀잇 자체 기능이죠.
@을 달면 계정 링크가 생성되고, #을 달면 태그가 됩니다.

@nand, #kr

@nand, #kr

참조:

https://gist.github.com/ihoneymon/652be052a0727ad59601
http://blog.kalkin7.com/2014/02/10/lets-write-using-markdown/


잘 보셨으면 upvote 해주시고요.
follow 환영입니다.

@nand 였습니다.

Sort:  

좋은 글 감사합니다.^^

저도 감사합니다 :)

감사합니다. 저는 이미지 올리는게 여즉 불편한데 다른분들은 어떤방법을 쓰시는지몰겠네요.

좋은 글 감사합니다~
+를 하자면
강제개행이 제대로 안먹히는 경우
엔터치고&nbsp;하고 다시 엔터치면 잘됩니다.

예를들어

이런 경우에는

이렇게하면

 
잘됩니다.

##### 예를들어<br/>
이런 경우에는
##### 이렇게하면
&nbsp;
잘됩니다.

꿀팁 감사합니다~!

굳이 저럴필요없이 밑에 문장에 br해도 되네요

#### 이렇게
<br> 말이죠

이렇게


말이죠

늦었지만 많이 배우고 갑니다 고맙습니다

감사합니다~

많은 도움이 되는 글 감사합시다^^

도움이 되셨다니 감사합니다

정리 감사드립니다.
개인적으로 궁금한게 있는데요..
link 작성 시 '새창으로 열리는 링크'는 만들 수 없나요?!

새창 링크 html 태그로 만들 수 있는데요.
스팀잇에선 안해봐서 실험 해보고 새 포스팅 쓸게요~

한방에 정리끝! 수고하셨습니다~^^ 좋은글은 널리 널리 퍼져야 되겠죠? ㅎㅎ

감사합니다. 힘이 나는군요 ㅎㅎ

좋은 정보 감사합니다!

감사합니다 :)

초보분들이 항상 궁금해하는 정보입니다. 감사합니다.

저도 감사합니다 :)

훌륭한 정보네요 감사합니다

칭찬 감사합니다 :)

요거 프린트 해서 붙여놓고 싶네요 😱

많은 관심 감사합니다 ㅎㅎ 프린트 용으로 만드는 것도 좋겠군요