[Steemit Guide] 1. Markdown 기본 [번역 및 요약]

in #steemit7 years ago (edited)

출처 : 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

실행 결과는

  1. Point 1
  2. Point 2
  3. 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)

결과는
Steemit logo

10. Youtube video 연결

[Youtube Link Title](Youtube Video Link)
[Top 10 Bitcoin Facts](https://youtu.be/2UC_8NdR1To)

결과는
Top 10 Bitcoin Facts

11. 인용하기는 ">"를 사용

> This is a quote.

결과는

This is a quote.

12. 섹션 나누기

섹션 나누기는 두 가지 방법이 있음.

---
***

결과는


13. 표 만들기 (보너스)

표만들기를 하려면 칼럼 수에 맞게 --- | --- | --- 를 추가해줘야 함.

col1 | col2 | col3
--- | --- | ---
1 | 2 | 3
**bold** | `quote` | _italic_

결과는

col1col2col3
123
boldquoteitalic
Sort:  

Seems like cool info!, but i don't know, i don't understand a word lol :D :D :D

많은 도움이 될듯합니다. 리스팀할께요~

아 이것이 퀵스타터에 다 나와있는 내용들이었군요... 항상 설명서를 읽지 않아 문제입니다 하하. 리스팀하고 두고두고 보겠습니다 :)

English version please!!! :) :) :)

많은 도움이 되었습니다, 고맙습니다!!

정말 HTML/CSS보다 쉬운 것 같네요. 좋은 글 감사합니다.

오 정말 최고에요!!!! 이해 안되었던 부분이 해결되었어요 감사합니다~

정리가 잘 되어 있어서 너무 좋아요

정말 필요한 내용이었는데 감사합니다. 앞으로도 종종 찾아뵈려고 팔로우하고갑니다^^ㅋ

좋은 정보 감사해요! 다양한 서식지정(글자 색깔 등)이 없어서 아쉽긴 하지만 점차 발전해가겠죠?