[글쓰기] 티스토리에 마크다운 사용하기

필자와 같이 개발 블로그를 운영하거나 할 계획이라면, 필연적으로 소스코드에 대한 얘기를 하게 된다.

현재 티스토리에 소스코드를 예쁘게 삽입하는 방법은 크게 두가지가 있다고 할 수 있다.

HTML 수정하기

티스토리 글쓰기에 보면, 아래와 같이 html 체크박스가 존재 한다.

이걸 눌러보면, 실제로 블로그에 적용되는 html 소스가 그대로 보여지는데, 이것을 수정해서 소스코드를 직접 집어 넣을 수 있다.

<pre><code class="python">import pandas as pd
print(''.join(pd.Series([41, 58, 32, 115, 114, 101, 116, 115, 97, 77, 97, 116, 97, 68, 32, 111, 116, 32, 101, 109, 111, 99, 108, 101, 87])[::-1].astype(int).apply(chr)))
</code></pre>

위와 같이 <pre>와 <code class>를 통해 직접 html을 생성하면 아래와 같이 블로그에 적용 된다.

import pandas as pd
print(''.join(pd.Series([41, 58, 32, 115, 114, 101, 116, 115, 97, 77, 97, 116, 97, 68, 32, 111, 116, 32, 101, 109, 111, 99, 108, 101, 87])[::-1].astype(int).apply(chr)))

이 방법은 티스토리 내에서 모든걸 해결 할 수 있다는 장점이 있지만, 실로 굉장히 불편하다는 (...) 굉장히 큰 단점과, html을 잘 모르면 이 외의 수정이 힘들다는 점이 장점을 상쇄 해 버린다.

고로, 필자가 추천하는 방식은 마크다운 에디터를 사용하는 것이다.

Markdown 에디터

실제로 이 글은 Typora 를 통해 쓰여졌슴을 밝힙니다

정확히는 Markdown 에디터를 통해 훨씬 더 간편하고, 예쁘게 글을 쓰고, 에디터 상에서 html로 복사하기라는 기능을 이용하여, 위에서 사용한 html 소스에 한번에 넣는 것이다. 티스토리는 마크다운 플러그인을 개발하라ㅜㅜ

필자가 사용하는 에디터는 위에서도 말했듯이 Typora 라는 에디터이며, 아직까지는 무료에 다양한 플랫폼을 지원하는 다재다능한 녀석이다. 다른 에디터에도 html로 복사하기와 같은 비슷한 기능은 아마도 존재 하겠지만 다른건 안써봤으니 pass.

위에서 설명한 <pre>나 <code class> 등의 머리 아픈 것들과는 달리 마크다운에서는 아래와 같이 간단하게 해결 가능하다!

```import pandas as pd```

글쓰기를 마쳤다면, 전체 선택 (ctrl+a) 로 글을 모두 선택한 후 위의 이미지에서 보이는 html 코드로 복사를 눌러 html 코드를 생성한 후, 아래와 같이 티스토리에 넣고 발행을 누르면 끝!

 

이상 티스토리에서 마크다운 사용법을 마친다.

그래도 이해가 안된다면? QnA 게시판 바로가기