Look and Find what i've done.

Tistory

티스토리 마크다운을 위한 입문서 가이드


마크다운(Markdown)

이번에 티스토리 에디터에 마크다운 기능이 추가되면서 빠르고 쉽게 효과적으로 글을 작성할 수 있게 되었습니다. 마크다운이란, 텍스트 기반의 마크업 언어로 문서나 일반 텍스트 편집기를 통해 쉽게 HTML로 변환이 가능한 웹문서 언어입니다.

 

따라서, 마크다운 언어를 적용하여 글을 쓰면 매우 효과적으로 빠르게 글을 쓸 수 있다고 이해할 수 있습니다.

 

 

 

 


 

 

 

문단 구별 및 개행[ENTER]

이번에 코드블럭 기능도 추가되어 본문에 쉽게 HTML으로 작성을 할 수 있게 되었습니다.
글을 작성할 때 `Space Bar를 두번 눌러 띄어쓰기 공백을 만들면 문단이 구분됩니다.`

마크다운에서는 문단을 구별하기 위해서는 스페이스바를 활용합니다. [Space Bar]를 두번 눌러서 문단을 구별할 수 있습니다. 만약, 공백을 두지 않으면 자동으로 앞의 문장이 뒤에 연속적으로 작성됩니다.

 

 

 

 

헤더[HEADER]

제목의 폰트사이즈 헤더 기능은 #으로 쉽게 표현이 가능합니다.

# 헤더 크기 (h1)
## 헤더 크기 (h2)
### 헤더 크기 (h3)
#### 헤더 크기 (h4)
##### 헤더 크기 (h5)
###### 해더 크기 (h6)

#1

##2

###3

####4

####5
######6

위와 같이 헤더크기를 #의 갯수로 쉽게 표현 할 수 있습니다. 매우 쉽게 헤더크기를 조절할 수 있습니다.

 

 

 

목록(Lists)

목록 리스트를 쉽게 구현할 수 있습니다.

순서를 정하지 않는 리스트 목록
* 리스트 (1)
* 리스트 (2)
  * 리스트 (2-1)
  * 리스트 (2-2)
  
순서를 정하는 리스트 목록
1. 객체 (1)
1. 객체 (2)
1. 객체 (3)
   1. Item (3-1)
   1. Item (3-2)
   1. Item (3-3)

리스트 목록의 경우에도 마크다운을 활용하여 쉽게 작성이 가능합니다. 위와 같이 작성을 하게 되면 아래와 같이 표현됩니다.

 

  • 리스트 (1) 
  • 리스트 (2)
  • 리스트 (2-1) 
  • 리스트 (2-2)
  1. 객체 (1) 
  2. 객체 (2) 
  3. 객체 (3)
  4. Item (3-1) 
  5. Item (3-2)
  6. Item (3-3)

 

 

 

이미지와 링크 삽입(Images & Links)

이미지와 링크도 매우 쉽게 삽입이 가능합니다.

Format: ![이미지 alt명](url 링크)
이미지는 위와 같이 표현합니다.

[GitHub](http://github.com "깃허브")
링크는 위와 같이 표현합니다.


깃허브

 

Build software better, together

GitHub is where people build software. More than 31 million people use GitHub to discover, fork, and contribute to over 100 million projects.

github.com

 

 

코드 블록(Code Blocks)

```javascript
function test() {
 console.log("hello world!");
}
```

function test() {
 console.log("hello world!");
}

 

 

 

인용 상자(Blockquotes)

화살표 기호를 활용하여 쉽게 인용상자를 표현할 수 있습니다.

 

'木星' /박용하 

> 확실히, 영혼도 중력을 느낀다. 
> 쏟아지는 중력의 대양에서 
> 삶과 죽음을 희롱하는 시를 그대는 썼는가. 
> 삶이 시에 빚지는 그런 시를 말이다

 

'木星' /박용하

확실히, 영혼도 중력을 느낀다.
쏟아지는 중력의 대양에서
삶과 죽음을 희롱하는 시를 그대는 썼는가.
삶이 시에 빚지는 그런 시를 말이다

 

 

 

강조(Emphasis)

강조를 표현할 때는 * 또는 _로 자유롭게 표현이 가능합니다.

 

*This text will be italic*  
_This will also be italic_  

**This text will be bold**  
__This will also be bold__  

*You **can** combine them*  

 

This text will be italic
This will also be italic   

This text will be bold
This will also be bold

You can combine them

 

 

테이블(Tables)

First Header | Second Header
------------ | -------------
Content cell 1 | Content cell 2
Content column 1 | Content column 2

 

First Header Second Header
Content cell 1 Content cell 2
Content column 1 Content column 2

 

 

 

 

체크 박스(Task Lists)

- [x] this is a complete item  
- [ ] this is an incomplete item  
- [x] @mentions, #refs, [links](), **formatting**, and <del>tags</del> supported  
- [x] list syntax required (any unordered or ordered list supported)  

 

 

 

수평선(hr)

---
***
___




 

이외에도 여러가지 기능이 있습니다. 자주 사용하는 명령어를 정리하였습니다. 더욱 자세한 내용은 깃헙 마크다운 가이드에서 확인하실 수 있습니다.

 

 

깃헙 마크업 가이드북


THE BRANDS THAT SHINE ON BEAUTY

Conde Nast Traveler
O - The Oprah Magazine
Forbes
Real Simple
Vogue
InStyle