2016년 7월 3일 일요일

blogger 에 마크다운(Markdown) 적용하기




블로거를 다시 시작하면서 맥북에서 사용하는 블로그 앱들 중에 iA Writer 라는 앱을 소개했었습니다.
iA Writer 에서 주요하게 다루는 markdown 문서를 알게 되었고, 문서작성에서 상당히 유용한 방식이라고 합니다.
markdown 문서는 HTML 문서로 간단히 전환 할 수 있습니다. 그래서 웹에 간단히 뿌려줄 수 있었나보네요. 예전에 wiki 문서들을 만들 때 이런 걸 사용했었는데, 비슷한 것인가 보네요.
그래서, 새로운 것들을 알게 되어 forteleaf.Blogger.com 에 적용해 보려고 합니다.
Blogger 자체는 markdown을 정식으로 지원하고 있지않습니다. 하지만 HTML 형식은 지원하지요. 그래서 다른 편집기에서 마크다운 문서로 작성을 하고 난 다음에 markdown -> HTML 로 형식을 전환하는 것이 좋은 안정적인 방법입니다.

CSS 파일 다운받기

  1. CSS 파일을 다운받기.
  2. 편집기로 안에 있는 내용을 복사합니다

Templete CSS 추가

uWoCMw1.png
Blogger 템플릿 디자이너의 [고급] - [CSS 추가]를 눌러서 파일 안의 내용을 복사합니다.
블로그에 적용하기 누르는 거 잊으시면 안됩니다.
tCzsH4s.png

문서에 적용하기

<article class="markdown-body">
블로그 내용
</article>
이렇게 문서를 시작하면 됩니다.
잘 적용이 되셨나요?
kBK86f3.png