마크다운을 사용하자

비트코인 블로그는 글을 HTML로 퍼블리싱하고 있는데, 이 개인 블로그는 마크다운으로 진행해보려 한다.

링크를 걸 때도 []와 ()의 조합을 쓰는 것이 일일히 <a> 태그를 사용하는 것보다 쉬운 감도 있기도 하고, 아래와 같은 코드 블록의 스타일링도 마크다운 형태로 작성해 서드파티에 의존하는게 훨씬 용이하다고 느껴지는 부분도 있다.

// eternal working
const work = () => work()

마크다운 파서로는 markdown-it을, 코드블록 하이라이터로는 Prism을 사용하였고, SSR시에는 markdown으로 작성된 원문만 노출되어도 충분하다 생각되어 클라이언트에서 CDN으로 스크립트를 불러와 적용하는 방식을 선택했다. (lazy-load)

코드블록 하이라이터로는 highlight.js도 매우 유명한데, gzip 되어도 거의 300kb에 육박하는 것을 보고 기절하는줄 알았다. 대안이 없나 찾아보다가 한 블로그를 발견하고 Prism을 사용하기로 결정했다.