안녕하세요 낸드(Nand) 입니다.
마크다운(Markdown)
아세요?
전 스팀잇 입문하기 전에 마크다운(Markdown)
을 조금 쓰고 있었습니다.
근데 이번 글을 작성하면서 보니 제가 쓰고 있는 기능은 반정도밖에 안됐었더라고요.
그리고, 스팀잇 내에 있는 마크다운 글들을 보니 빠진 기능이 몇가지 있더라고요.
그래서, 이 글의 특징은:
- 다 종합했습니다.
마크다운 쓰는 법을 알고 싶으면 이 글만 보면 됩니다. 라고 감히 말씀드립니다. - 자주 쓰고 중요한 기능을 우선적으로 했습니다. 뒤로 갈 수록 안봐도 됩니다.
- 예제 보여드리고, 마크다운 코드를 바로 뒤에 썼어요.
마크다운은 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을 다시 써도 네 번째
1. 첫 번째
2. 두 번째
3. 세 번째
1. 1을 다시 써도 네 번째
자동으로 숫자가 바뀌는게 신기하죠.
Unordered list 글머리기호 목록
- 빼기를 써도
- 빼기를 써도
- 빼기를 써도
- 빼기를 써도
- 곱하기를 써도
- 곱하기를 써도
- 곱하기를 써도
- 곱하기를 써도
- 더하기를 써도
- 더하기를 써도
- 더하기를 써도
- 더하기를 써도
- 빼기를 써도
- 빼기를 써도
- 빼기를 써도
* 곱하기를 써도
* 곱하기를 써도
* 곱하기를 써도
+ 더하기를 써도
+ 더하기를 써도
+ 더하기를 써도
- 이렇게
- 여러개를
- 섞어서
- 쓰면
- 어떻게
- 될까요
- 음
1. 이렇게
- 여러개를
2. 섞어서
3. 쓰면
* 어떻게
+ 될까요
1. 음
-, *, + 중 하나만 쓰는 걸로 해요. -가 편합니다. 시프트키 안눌러도 되니깐.
Emphasis 강조
이탤릭 , 이탤릭
볼드 볼드
이탤릭볼드
이탤릭볼드
이렇게 할수도
취소선
_이탤릭_ , *이탤릭*
__볼드__ **볼드**
___이탤릭볼드___
***이탤릭볼드***
**이렇게 _할수도_**
~~취소선~~
강조 3인방은 이탤릭, 볼드, 밑줄인데...
밑줄은 마크다운엔 지원이 없고, <u>
도 안먹히네요.
Link 링크
[스팀잇링크](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 표
1 | 2 | 3 |
---|---|---|
표 쓸때는 | 중간 두번째줄에 | --- 이거 필요합니다. |
1 | 2 | 3
--- | --- | ---
표 쓸때는 | 중간 두번째줄에 | `---` 이거 필요합니다.
마크다운 포맷 무시하기
이건데 .. *이렇게*
*이건데* .. \*이렇게\*
지금처럼 마크다운 설명할 때 유용한 기능인데요.
앞에 backslash \ 를 달아주는거죠.
혹은 블록인용을 사용하는 것도 방법입니다.
emoji 이모지
😍
😍
더 많은 이모지는 관련 글을 참고해주세요.
@snow-airline/steemkr-quick-start-guide
추가
스팀잇 자체 기능이죠.
@
을 달면 계정 링크가 생성되고, #
을 달면 태그가 됩니다.
@nand, #kr
참조:
https://gist.github.com/ihoneymon/652be052a0727ad59601
http://blog.kalkin7.com/2014/02/10/lets-write-using-markdown/
잘 보셨으면 upvote 해주시고요.
follow 환영입니다.
@nand 였습니다.