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

By @alongside741/23/2018kr

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

스팀에서 사용하는 기본 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
  • 가운데 정렬이 어떻게 해도 안먹네요. ㅋ

감사합니다.

8

comments