[Steemit Guide] 1. Markdown 기본 [번역 및 요약]
출처 : Steemit Markdown Basics for Begginners by @thecryptofiend
참고 : 본 글은 Steemit Quick Start Guide 의 "Helpful Posts from Steemit Users" 에 있는 여러 포스트 들 중 하나의 내용을 번역해서 요약한 글입니다.
Markdown은 html없이 몇 가지 기호만을 이용해 문서를 빠르게 작성할 수 있게 해주는 시스템입니다.
왜 HTML/CSS를 쓰지 않고 Markdown을 쓰는것이 좋은지 말하고 있습니다.
- HTML/CSS 보다 간단하다.
- HTML/CSS 보다 짧아서 작성 시간이 줄어든다.
- Steemit의 WISIWYG 에디터 보다도 빠르다.
- 읽고, 수정하고, 에러를 찾는데 HTML/CSS 보다 빠르다.
- 더 고급스러운 포스팅을 위해 추후 HTML/CSS와 같이 사용할 수도 있다.
(중간생략...)
그럼 실제 Makrdown을 써보도록 하겠습니다.
1. Paragraphs
Markdown의 가장 큰 강점 중 하나입니다.
워드 프로세서처럼 그냥 엔터만 치면 새로운 문단을 시작할 수 있습니다.
2. Headings
헤딩을 위해서는 "#" 심볼과 한칸띄기를 하면 됩니다.
# Heading 1
## Heading 2
### Heading 3
결과는 다음과 같습니다.
Heading 1
Heading 2
Heading 3
"#"는 최대한 6개까지 쓸 수 있습니다.
3. Italics (이텔릭체)
이텔릭체를 쓰는 방법은 두 가지가 있습니다.
_underscores_
*asterisks*
결과는 다음과 같습니다.
underscores
asterisks
4. Bold 체
Bold 체도 두가지 방법이 있습니다.
__double underscore__
**double asterisk**
결과는 다음과 같습니다.
double underscore
double asterisk
5. Bold와 Italic 체 혼합
"_"와 "*"를 섞어서 쓰면 됨
__*Mixed*__
결과는
Mixed
6. 숫자 리스트
숫자로된 리스트를 작성하려면
1. Point 1
1. Point 2
1. Point 3
실행 결과는
- Point 1
- Point 2
- Point 3
7. 일반 리스트
숫자 없는 일반 리스트는 "*" 로 작성
* Point 1
* Point 2
* Point 3
결과는
- Point 1
- Point 2
- Point 3
8. Link 걸기
링크를 거는 가장 쉬운 방법은
[title](link address)
[Steemiti](https://steemit.com/)
결과는
Steemit
9. 이미지 Link 걸기
이미지는 텍스트랑 비슷하지만 조금 다름
![Title Text](Image link address)
![Title Text](Image link address "Image name")
![Steemit logo](https://steemitimages.com/DQmeo6XhQaqSJfTb1HBx9DviTbWJj2pPZ8twL9d6o29y6gR/image.png)
결과는
10. Youtube video 연결
[Youtube Link Title](Youtube Video Link)
[Top 10 Bitcoin Facts](https://youtu.be/2UC_8NdR1To)
11. 인용하기는 ">"를 사용
> This is a quote.
결과는
This is a quote.
12. 섹션 나누기
섹션 나누기는 두 가지 방법이 있음.
---
***
결과는
13. 표 만들기 (보너스)
표만들기를 하려면 칼럼 수에 맞게 --- | --- | ---
를 추가해줘야 함.
col1 | col2 | col3
--- | --- | ---
1 | 2 | 3
**bold** | `quote` | _italic_
결과는
col1 | col2 | col3 |
---|---|---|
1 | 2 | 3 |
bold | quote | italic |
Seems like cool info!, but i don't know, i don't understand a word lol :D :D :D
많은 도움이 될듯합니다. 리스팀할께요~
아 이것이 퀵스타터에 다 나와있는 내용들이었군요... 항상 설명서를 읽지 않아 문제입니다 하하. 리스팀하고 두고두고 보겠습니다 :)
English version please!!! :) :) :)
많은 도움이 되었습니다, 고맙습니다!!
정말 HTML/CSS보다 쉬운 것 같네요. 좋은 글 감사합니다.
오 정말 최고에요!!!! 이해 안되었던 부분이 해결되었어요 감사합니다~
정리가 잘 되어 있어서 너무 좋아요
정말 필요한 내용이었는데 감사합니다. 앞으로도 종종 찾아뵈려고 팔로우하고갑니다^^ㅋ
좋은 정보 감사해요! 다양한 서식지정(글자 색깔 등)이 없어서 아쉽긴 하지만 점차 발전해가겠죠?