스팀 예쁘게 포스팅 하기(Html and Markdown)

in #kr7 years ago (edited)

스팀을 시작한지 이제 한달째라서 아직도 많이 배우고 있습니다.
다른 분들 글을 읽으면서 어떻게 굵은체로 하고 링크를 어떻게 만들고 등등을 여기 저기 찾아서 배웠는데 나름대로 정리를 해둔 걸 포스팅합니다.
기존에 다른 분들이 많이 포스팅 했겠지만 계속 찾기기 귀찮아서 제 블로그에 넣고 계속 보기 위함이기도 합니다.

스팀에서 사용하는 기본 HTML과 글을 꾸미기 위한 Markdown 포멧을 알려드리겠습니다.


1. 글자 크기

  • 줄의 처음에 와야 합니다
  • #과 글자사이에 빈문자가 있어야 합니다.

가장 큰 제목 글자입니다. Html에서 <h1>으로 표시됩니다.
작성: # 제목 1

결과: 제목 1

두번째로 큰 제목 글자입니다. Html에서 <h2>으로 표시됩니다.
작성: ## 제목 2

결과: 제목 2

  • 이런식으로 총 6개까지 지원합니다.

가장 작은 제목 글자입니다.
작성: ###### 제목 6

결과: 제목 6

2. 글자 꾸미기

  • 심볼(* 또는 ~~)과 글자 사이에 빈공간 없어야 합니다.

글을 굵게 표현합니다.
작성: **굵은 글씨**
결과: 굵은 글씨

글을 이탤릭체로 표현합니다.
작성: *이탤릭*
결과: 이탤릭

글의 중간에 라인이 지나갑니다. (한글로 뭔지 모르겠어요)
작성: ~~클로스아웃~~
결과: 클로스아웃

글을 배경 색깔을 넣어 코드나 하이라이트 형태로 표시합니다.
작성: `하이라이트`
결과: 하이라이트


3. 문장/문단 꾸미기

문단을 인용문 형태로 표현합니다.
작성: > 블라블라
<- 현재 왼쪽에 긴 세로 바가 붙어서 한 단락으로 보이는 것이 인용문입니다.

앞에 닷 모양이 붙어 하위 목록을 표현합니다.
문장의 처음에 와야 합니다.
작성: - 하위 목록 또는 * 하위 목록

  • 결과: 하위 목록

라인을 긋습니다.
문장의 처음에 와야 합니다.
작성: --- 또는 ***
결과: 밑에 라인이 예입니다.


4. 링크

  • 링크를 만드는 데는 두가지 방법이 있습니다.

첫번째 방법
작성: [링크 글자](링크 주소)
예: [구글로 갑니다](http://www.google.com)
결과: 구글로 갑니다

두번째 방법
링크 주소를 그대로 적습니다.
이 방법은 링크 글자와 주소를 똑같이 사용한다면 링크 주소만 적으시면 자동으로 링크 형태로 만들어 줍니다.
작성: http://www.google.com
결과: http://www.google.com


5. 이미지

  • 군더덕이 빼고 가장 간단한 방식입니다.

작성: ![](이미지 Url)
예: ![](https://www.google.com/images/branding/googlelogo/1x/googlelogo_color_272x92dp.png)
결과:


6. 테이블

작성:
| 첫번째 | 두번째 - 가운데 정렬 | 세번째 - 오른쪽 정렬 |
| ------------- |:-------------:| -------------:|
| 라인 1 | 가운데 1 | 오른쪽 1 |
| 라인 2 | 가운데 2 | 오른쪽 2 |
| 라인 3 | 가운데 3 | 오른쪽 3 |
결과:

첫번째두번째 - 가운데 정렬세번째 - 오른쪽 정렬
라인 1가운데 1오른쪽 1
라인 2가운데 2오른쪽 2
라인 3가운데 3오른쪽 3
  • 가운데 정렬이 어떻게 해도 안먹네요. ㅋ

감사합니다.

Sort:  

유용한 정보 감사합니다~
아직까지 마크다운 쓰는게 익숙치 않았는데 도움이 됐네요

도움이 된다니 감사하네요.

유익한 정보네요 잘 보고 갑니다!

말씀 감사합니다. ^^

Congratulations @alongside74! You have completed some achievement on Steemit and have been rewarded with new badge(s) :

You published 4 posts in one day

Click on any badge to view your own Board of Honor on SteemitBoard.
For more information about SteemitBoard, click here

If you no longer want to receive notifications, reply to this comment with the word STOP

By upvoting this notification, you can help all Steemit users. Learn how here!

좋은 정보 감사합니다.
초보 유저입니다.
앞으로 많은 소통 부탁드립니다!^^

저보 초보입니다.
초보끼리 뭉쳐서 같이 잘 헤쳐나가 봅시다. ㅎ

이 마크다운이 스티밋에서는 아직 완벽하지 않은거같아요 저는 이모티콘좀 쓰고싶은데 명령어는 알아도 쓸 수 없는 현실 ㅠㅠ

이모티콘은 유니코드를 그대로 사용하시면 됩니다.
가령 웃는 얼굴은 &#128513; 인데 그대로 사용하면 😁 이렇게 나옵니다.
유니코드는 여기를 참조하세요.

앗 그렇군요! 마크다운에서는 : smile : 이렇게 쓰면 이모지가 나온다고 하는데 여기서는 그게 안먹히더라구여... 알려주신 우니코드로 써야겠어요!

어제가 제일 추운줄 알았는데!
오늘이 더 춥습니다. ㅜㅜ
좋은 컨텐츠가 즐거운 스티밋을 만드는거 아시죠?

어제 어떤 포스트를 보고 짱짱맨 태그에 대해 알았습니다.
정말 오시는군요.
감사합니다.

^^ 찾아갑니다!! 조금 늦거나 적을순있어도 반드시 찾아갑니다!

좋은 정보 감사합니다!!!

정말 유용한 글입니다! 감사합니다. 앞으로 저도 이쁘게 써볼게요!