마크다운 Markdown - 스팀잇 작성을 위한 문법 가이드
스팀잇 글 작성을 위한 마크다운 사용법
스팀잇에서 글을 쓸 때는 Editor를 이용할 수도 있지만, 직접 html이나 마크다운(markdown) 문법을 이용할 수도 있습니다. 그런데 글을 처음 작성할 때는 Editor가 지원되지만, 수정할 때는 html 형식으로 뜨는 문제가 있습니다. html 형식은 저같은 초보자에게는 번거로운 부분이 많습니다. <br>같이 괄호 안에 영어를 많이 써야 하죠. 그래서 비교적 쉬운 마크다운 사용법을 알아보겠습니다. 이 글을 통해 저 스스로 연습하는 기회로도 삼아보겠습니다.
먼저 염두할 점은 마크다운 문법은 자유도가 그렇게 높지 않다는 것입니다. 네이버나 티스토리 블로그에 비하면 답답하게 느껴질 수 있습니다. 예컨대 글씨체와 글씨 색을 바꿀 수 없고, 들여쓰기도 자유롭지 않습니다. 😨
그럼 바로 사용법을 안내하겠습니다. 참고로 이 글은 크롬에서 작성했습니다.
1. 제목과 소제목
제목을 쓸 때는 #를 치고 한 칸을 띄면 됩니다.
<입력한 내용> # 제목
<화면에 나온 결과>
제목
😨 여기서 주의할 점은 #제목 처럼 한 칸을 띄지 않으면 제목이 되지 않는다는 것입니다.
소제목은 ## 소제목 ### 소제목 과 같이 #의 개수를 늘리면 됩니다. #은 6개까지 추가할 수 있습니다.
<입력한 내용>
## 소제목
### 소제목
#### 소제목
##### 소제목
###### 소제목
<화면에 나온 결과>
소제목
소제목
소제목
소제목
소제목
2. 굵음, 기울임, 밑줄, 취소선, 음영
다양한 서식입니다.
😨 여기서는 *나 ~~을 쓴 뒤 칸을 띄우면 안됩니다.
굵음 (모바일에서 표시되지 않습니다.)
<입력한 내용> **굵음**
<화면에 나온 결과> 굵음
기울임
<입력한 내용> *기울임*
<화면에 나온 결과> 기울임
밑줄 (현재 밑줄 기능을 지원하지 않습니다.)
<입력한 내용> ++밑줄++
<화면에 나온 결과> ++밑줄++
취소선
<입력한 내용> ~~취소선~~
<화면에 나온 결과> 취소선
음영
여기서는 그레이브(`)라는 기호를 이용합니다.
키보드에서 숫자1의 왼쪽 칸에 있습니다.
L 옆옆 칸에 있는 작은따옴표가 아님을 주의하세요!
<입력한 내용> `음영`
<화면에 나온 결과> 음영
3. 인용 문구
<입력한 내용>
> 인용문구입니다. 새로운 줄에서 꺽쇠괄호를 입력하면 됩니다
<화면에 나온 결과>
인용문구입니다. 새로운 줄에서 꺽쇠괄호를 입력하면 됩니다
4. 링크, 사진, 동영상
링크
그냥 사이트 주소를 입력하면 자동으로 링크가 걸립니다.
<입력한 내용> https://steemit.com
<화면에 나온 결과> https://steemit.com
특정 글자를 클릭하면 링크 페이지가 열리게 할 때는
<입력한 내용> [링크](https://steemit.com)
<화면에 나온 결과> 링크
사진
사진을 업로드하려면 에디터 하단에 "이미지를 추가하시려면... 혹은 직접 업로드 하세요." 라는 글씨를 클릭해서 업로드 하면 됩니다. 그럼 아래와 같은 링크주소가 나오고, 이 문자열 자체가 이미지 기능을 합니다. 다른 곳에서 이미지를 퍼올 경우, 이미지 링크주소 자체가 이미지 기능을 합니다.
<입력한 내용> (업로드하면 현재 편집하는 지점에서 자동으로 링크주소가 생성됩니다.)
<화면에 나온 결과>
<입력한 내용> 
<화면에 나온 결과>
동영상
이번에도 마찬가지로 링크 자체가 동영상의 기능을 합니다.
<키보드로 입력> https://www.youtube.com/watch?v=3iDxU9eNQ_0
<화면에 나온 결과>
5. 목차
목차를 입력하려면 1. 2. 3. 과 같이 쓰시면 됩니다. 자동으로 들여쓰기 됩니다.
<입력한 내용>
1. 첫 번째
2. 두 번째
3. 세 번째
<화면에 나온 결과>
- 첫 번째
- 두 번째
- 세 번째
소목차를 쓰려면 (1) (2) (3)을 붙이면 됩니다.
<입력한 내용>
1. 목차
(1) 소목차
<화면에 나온 결과>
- 목차
(1) 소목차
기호로 된 목차의 경우 *을 쓴 뒤 한 칸을 띄면 됩니다. 소목차는 먼저 두 칸을 띈 뒤 *을 쓰면 됩니다.
<입력한 내용>
* 목차
* 목차
<화면에 나온 결과>
- 목차
- 목차
6. 스팀잇 내에서의 태그와 아이디 링크
스팀잇 내에서 이렇게 입력하면 자동으로 링크가 걸립니다.
<입력한 글자>
@leehyunseok
#markdown
<화면에 나온 결과>
@leehyunseok
#markdown
7. 강제 개행
html에서 하듯이 <br>을 쓰시면 됩니다. 가끔씩 내 마음대로 줄을 띄어쓰고 싶을 때 사용합니다. 일반적인 개행은 그냥 엔터키를 누르면 됩니다.
<입력한 내용>
개행<br>개행
<화면에 나온 결과>
개행
개행
8. 가운데 정렬
가운데 정렬을 하기 위해서는 html에서와 같이 열고 닫는 구문이 필요합니다.
<입력한 내용>
<center> 가운데 </center>
<화면에 나온 결과>
9. 구분선
<입력한 내용> (엔터를 치고 새로운 줄에서) ---
<화면에 나온 결과>
여기까지가 대부분의 사람들이 필요로 하는 기능일 것 같습니다. 아래 내용은 필요하신 분들을 위해 소개합니다.
10. 마크다운 문법을 그대로 출력하기
백슬래쉬(\) 키를 이용하면 됩니다. 백슬래쉬는 슬래쉬를 뒤집은 것으로 자판 P 오른쪽 3번째에 있는 ￦(원화) 자판을 누르면 됩니다. (현재 잘 안 되는 구문도 있습니다.)
<입력한 내용> \*기울임*을 기울이지 않고 그냥 출력하기
<화면에 나온 결과> *기울임* 을 기울이지 않고 그냥 출력하기
11. 프로그래밍 코드
박스 안에 코드를 입력할 때 사용합니다. 저는 익숙하지 않지만 github 등에서 많이 사용하는 것 같습니다. 새로운 줄에서 그레이브(`) 세개를 연달아 치면 됩니다. 그 뒤에는 c나 python 등 원하는 언어를 쓰면 자동으로 정렬이 된다고 하네요.
<입력한 내용>
```c
printf("Hello, world!\n");
```
<화면에 나온 결과>
printf("Hello, world!\n");
12. 표 그리기
표를 그릴 때는 | (키보드에서 P 오른쪽 3번째에 있는 자판을 쉬프트 누른 채로 누르면 나오는 기호)를 이용해서 구분합니다.
반드시 두 번째 줄에서 |---| --- | 와 같이 써 주어야 합니다.
<입력한 내용>
| 이번엔 | 표를 | 그려 봅시다 |
| --- | --- | ---|
| 첫 번째 칸| 두 번째 칸 | 세 번째 칸 |
| 칸의 길이는 | 자동으로 | 조절됩니다 |
<화면에 나온 결과>
| 이번엔 | 표를 | 그려 봅시다 |
|---|---|---|
| 첫 번째 칸 | 두 번째 칸 | 세 번째 칸 |
| 칸의 길이는 | 자동으로 | 조절됩니다 |
13. 마치며...
구글에 '마크다운 사용법' 'markdown' 등으로 검색해서 나오는 내용들은 거의 다 포함했습니다. 더 자세한 정보를 원하시면 구글링을! 이 글이 마크다운 사용법을 찾는 분들에게 도움이 되었기를 바랍니다. 마지막으로 이 글을 작성하면서 제가 에디터에서 쓴 내용 그대로를 이미지로 첨부합니다. (스크린샷을 찍은 뒤 수정한 내용이 있어서 완전히 동일하지 않습니다.)