블로그스팟, blogger 에서 마크다운으로 글을 작성하는 방법

우선 아래에서 소개하는 방법은

Github에 올라온 방법을 순서대로 알기 쉽게 나열한 것이다.

https://github.com/cs905s/md-in-blogger

페이지에 접속하여 순서를 따라보기만 해도 딱히 상관은 없을 것이지만, 한국에서 blogger, 블로그스팟을 활용하는 분들에게 조금이라도 도움이 되고자 글을 작성해본다.

</head>  앞부분에 다음의 코드를 입력 한다.

    <link rel="stylesheet" href="//cdnjs.cloudflare.com/ajax/libs/highlight.js/9.9.0/styles/default.min.css"/>

그리고 맨 아래로 내려서 확인 가능한 </body> 부분 마지막 줄에서 바로 위에 아래의 코드를 입력해준다.

<script src='//cdnjs.cloudflare.com/ajax/libs/highlight.js/9.9.0/highlight.min.js' type='text/javascript'></script>
<script src='//cdnjs.cloudflare.com/ajax/libs/showdown/1.6.2/showdown.min.js' type='text/javascript'></script>
<script src='//cdnjs.cloudflare.com/ajax/libs/jquery/3.1.1/jquery.min.js' type='text/javascript'></script>
<script src='//mxp22.surge.sh/markdown-highlight-in-blogger.js' type='text/javascript'></script>

마지막으로 글쓰기 화면에 진입하여 HTML 모드로 전환한 다음, <pre class="markdown"> </pre> 사이에 마크다운 형식으로 글을 작성한다.

<pre class="markdown">
<xmp>
      #Woo hoo!
      [Markdown](http://daringfireball.net/projects/markdown/) is cool!
      ```javascript
          // Verify code highlighting
          if (today==rainy) {
            return false;
          }
      ```
</xmp>
</pre>  

이제 마지막으로 글을 발행하면 마크다운으로 작성한 글도 블로그, 웹페이지, 방문자 모두에게 정상적인 웹ui 형식으로 보일 것이다.

마크다운이 편리하긴 한데 , 이런것들을 웹에서 적용하도록 보여줄 수 있는 방법이 적다. 특히 블로그 형태에서는 워드프레스를 제외하고는 거의 찾아보기 힘든수준이라. blogger,블로그스팟에서 이를 적용하는게 꽤나 복잡한 수준으로 접근해야 한다. 웹 테마 , html 에 관한 지식이 없다면 따라하기 힘들 것이라 생각한다.

+

<xmp></xmp> 를 넣어줘야 더 정상적으로 작동된다고 하는데,

필자는 위의 구조를 사용하다가 아예 확장프로그램을 사용하고 있다.

mdblogger

https://chromewebstore.google.com/detail/mdblogger/mmdaohoahbhbjmlodlonnkdchdbhknmp