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

in steemit •  7 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
Authors get paid when people like you upvote their post.
If you enjoyed what you read here, create your account today and start earning FREE STEEM!
Sort Order:  

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

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

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

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

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

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

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

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

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

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