[컴] Blogger 에서 markdown 사용하기

블로거에서 마크다운 사용하기 /



Blogger 에서 markdown 사용하기

이 방법은 blog post 에 markdown 으로 적고 publish 를 하면, 그 post 를 볼 때 web browser 에서 markdown 을 html 로 변환해서 보여주는 방법이다.
이 방식의 가장큰 문제는 mobile version 에서 동작하지 않는다. 즉, 그냥 markdown 이 보여진다. 그러나 blogger 에서 mobile view 를 끄는 경우라면 괜찮다.
이 방법의 아이디어는 ref1에서 나왔으며, 여기의 내용은 ref2 의 내용을 수정했다.

script tag 추가하기

절차는 아래와 같다.
- Theme > Customize > tag 추가 > Save Theme
    <html>
    <head>...</head>
    <body>

    <!-- markdown -->

    <script src=
        '//cdnjs.cloudflare.com/ajax/libs/showdown/1.6.3/showdown.min.js' 
        type='text/javascript'/>
    <script src=
        'https://cdn.rawgit.com/i5on9i/blogger_showdown/master/blogger-showdown.js'
        type='text/javascript'/>

    <!-- /markdown -->

    </body>
    </html>

post 작성

이제 post 를 작성하자.
    <pre>## Test hello
    [linktest](http://lin.to)

    </pre>
이제 됐다. 실제로 publish 하고 확인해 보면 된다.

Reference

  1. Francis Tang: Markdown in Blogger
  2. Javascript, Node and React: Using Markdown in Blogger - with showdown and highlightJS

댓글 없음:

댓글 쓰기