마크다운으로 티스토리 블로그 글쓰기

✍️ 마크다운으로 티스토리 글쓰기

---

보기 좋은 떡이 먹기도 좋다는 말이 있죠.
글의 퀄리티 만큼이나 중요한 것은 가독성입니다. 가독성이 저하되면 양질의 글도 보기 힘듭니다.
그래서 글을 쓰고, 중요한 부분은 볼드처리를 하고 글씨색을 변경하는 작업을 블로그 에디터로 할 수 있습니다.
하지만 글쓰기도 힘든데, 언제 또 글에 스타일까지 입히죠? 블로그 글 한 개에 시간이 너무 오래 걸려요😭

그래서?
짜잔✨

마크다운 언어를 활용해서 글쓰는 것을 알아보겠습니다.

목적

1. 블로그 작성 시간 단축
2. 가독성 향상
3. 배우는 즐거움 🤓

마크다운이 뭐죠?

마크다운(Markdown, lightweight markup language)은 개발자가 아닌 분들이라면 생소하실 수 있습니다.
사용자가 글을 보다 쉽고 읽고 쓸 수 있게 만들어진 언어로, 이를 사용해서 글을 작성하면 구조적인 HTML로 변환이 가능합니다.

마크다운 사용법

이 마크업 언어는 특수기호와 부호를 이용해서 작성합니다. #, [], >
이렇게만 보면 전혀 감이 오지 않죠? 부호 설명 다음에 예시를 보여 드리겠습니다.

문법

테이블에 적힌 내용 외에도 더 있는데, 굳이 사용하지 않는 것은 적지 않았습니다.

헤딩태그도 6뎁스까지 사용하는 경우도 많지 않습니다.

실제 블로그에만 적용하신다면 테이블에서 태그와 이름은 모르셔도 됩니다.

태그	이름	부호
h1	Heading 1	#
h2	Heading 2	##
h3	Heading 3	###
h4	Heading 4	####
h5	Heading 5	#####
h6	Heading 6	######
ul	List	-
ol	Ordered list	1. (온점 다음에 띄어쓰기)
blockquote	Blockquote	>
em	Emphasis	*
strong	Strong	**
hr	Break	---
a	Link	[네이버](https://naver.com)
inlineCode	InlineCode	`내용` (한 줄일 때)
multipleCode	MultipleCode	``` 내용 ```

마크다운 사용 예시

⬇️ Markdown 예시

# 개굴짱이 좋아하는 것
## 음식
- 떡볶이
- 카레
- **평양냉면**

마크다운 모드

⬇️ 위 내용을 HTML로 변환했을 때 예시: 부호는 제거되고 문장의 시작과 끝에 HTML태그가 생성됩니다.

<h1>개굴짱이 좋아하는 것</h1>
<h2>음식</h2>
<ul>
    <li>떡볶이</li>
    <li>카레</li>
    <li><strong>평양냉면</strong></li>
</ul>

HTML 모드

⬇️그리고 이것은 티스토리에 아래처럼 보여집니다.

기본모드

티스토리에 적용하기

글쓰기에서 우측 상단에 기본모드가 디폴트로 적용되어 있고, 기본모드를 누르면 총 3가지 모드가 보여집니다.

마크다운 모드로 클릭하여 작성해 보세요! 🌝

그렇다고 마크다운이 무조건 능사는 아닙니다.

색깔을 입히는 것은 불가능하니까 티스토리 자체 에디터로 해주세요.

테이블은 제 기준에 에디터로 하는게 더 편한 것 같아요.
왜냐하면 이렇게 선을 계속 추가해줘야 하는데 귀찮아요..

| 제목 | 제목 |
|--|--|
| 내용 | 내용 |

---

유도리있게 활용해서 우리 효율성있게 블로그 관리 해봐요!
다음편에는 조~금 더 편하게 쓰기 위한 마크다운 2편을 들고 오겠습니다.