블로거에서 마크다운 사용하기 - Markdown in Google Blooger

### Reference : https://github.com/cs905s/md-in-blogger?tab=readme-ov-file
참고한 문서가 작성된지 오래되어 따라하기 힘들어서 2024년 4월 기준으로 설명합니다.
I write this document because the reference I refered is too old to follow. So I had some trouble to apply markdown in Blooger using the reference.

## 1. 마크다운을 사용할 수 있도록 스크립트 코드 추가 / Add markdown script

1. 블로거 관리자페이지 왼쪽의 테마를 누르고 나오는 테마 페이지에서 버튼 오른쪽에 있는 화살표를 누릅니다. 메뉴에서 HTML 편집이 있는데 이 버튼을 누르면 테마 HTML 편집을 할 수 있는 창이 열리고 여기서 마크다운 지원을 위한 스크립트 코드를 추가해야 합니다.
In admin page, you can see theme on leftside, after clicking theme, click small arrow down icon. A menu will be released and click `Edit HTML`. You can add script code to support markdown in HTML editing page.

2. 헤드 태그를 찾아야합니다. /head 를 검색하여 `</head>` 바로 위에 하단 5줄의 스크립트 코드를 붙여넣어주세요
Find head tag. Search /head (using ctrl + f). Copy below 5 lines and paste just above of `</head>`
```
<script src="//cdnjs.cloudflare.com/ajax/libs/highlight.js/9.9.0/highlight.min.js" type="text/javascript"/>
<script src='//cdnjs.cloudflare.com/ajax/libs/showdown/1.6.2/showdown.min.js' type='text/javascript'/>
<script src='//cdnjs.cloudflare.com/ajax/libs/jquery/3.1.1/jquery.min.js' type='text/javascript'/>
<script src='//mxp22.surge.sh/markdown-highlight-in-blogger.js' type='text/javascript'/>
<link href='//cdnjs.cloudflare.com/ajax/libs/highlight.js/9.9.0/styles/default.min.css' rel='stylesheet'/>
```
저장합니다. 기본 셋팅은 끝났습니다.
Save it. Basic setting is done.

### 글을 작성할 때 HTML 모드를 사용하시고 글의 가장 위, 아래에 pre 태그를 아래 예시와 같이 붙입니다.
### When you write something, use HTML mode. And put pre tag like below at the top and bottom of you writing.
```
      <pre class="markdown"/>
      #Woo hoo!
      [Markdown](http://daringfireball.net/projects/markdown/) is cool!
      ```javascript
          // Verify code highlighting
          if (today==rainy) {
            return false;
          }
      ```
      </pre/>
```