본문 바로가기

10-비공개/카테고리01

티스토리 블로그에서 Markdown으로 글 쓰는 방법

@markdown

<br/>



# 티스토리 블로그에서 Markdown으로 글 쓰는 방법


마크다운으로 글을 쓰면 간편하고, 이미지 삽입이 쉬우며, 다른 사이트에 글을 복사 붙여넣어도 원본글이 별로 손실되지 않는 장점이 있어 마크다운으로 글을 쓰고 있습니다. 


다만 tistory에서는 마크다운으로 글을 쓰는 것을 지원하지 않기 때문에 이용자가 스킨에서 직접 사용자설정을 해 줘야 합니다. 

<br/>


## 티스토리 스킨편집에서 스크립트 삽입


<br/>


![](https://lh3.googleusercontent.com/6sig6nkmhqJyrAcmApsYSBi-0rCXTcb7bjUOQPFWNV2PaTb3XBtgRYJT2xBs9saEEql2mYhHbrhBBerF1EGursxozWEsCcT6n6R-vEzKBzJBEj9HvSaaA3C9lF6cyH40eca5EcCW-cNWOAZszJEG6vuYShFrbqghEcBvcZxfhxuYav4v2jbNqn8LP-Zxg6HyWLpJWQq8EivjGAFMRljMSJHfeDs8fPv5IdEXAVBRF56YP9ju2NVgBJQ3Lrh_yqDMtQ4gIVcHjQhfDN0hYzDFu_pRJNlEJb2YdbY45npz69pkNrtEZWfhtJx0DTPHpJw2JBL5a1jOGKvuJrOWYgDVZaWQ_kSh4Vsw0Ms8E_aZdBTHSJLvG5ItvB0I4GvcbZGhb8nAzqh4g3Q75D4gnljLYtDqpTdgsPX_c5b0qbHqbSu9wPhBLACwCP_e8vI7G9X0rWu3aFWgCvEbILsbSDvlOPQ6YevFnGn0NdPEWBpHXvzsA6h03Bsf8EeOPZc3N6E9pC_GMECAMRtim_9wy0Mhp0jZ1LSlOxA_w25lvY4qQddTAp7h8qOcU6sE5kj-_K6a2q2fFGTkci7SVrR9NJPWKFLzlnlpdPgMhwLVuvRrKgNzbI98H_-9VLxHClit3LuO=w265-h729-no)


<br/>


![](https://lh3.googleusercontent.com/Z2BfG9vovf9NlFH36lsryTme7p_V3vdA7zgCbOidckn4-UvlAJnfH3I2-_bTz8MhErEJTzCQ-GqJataExSt5BwyDf3sshhjfsE3th2aZG-gVHvV1F0fwlBlGiFwRiyRWaEoJ5KnR8dfUhXaTzFncVJvQNGvPwn0eS2YGqcPQ6UJ_m2uadFWAg8R9qdhL9D7FFVQjSBKovzVFE6e64RwKhZXUi3T_hbIzJPTGmj0tLcVaLgDSAQUPPNZUpYCOBjhDCd0lzIm7-kXXF8IwxoPW0z1WharDSKPiNAvPn7IDjBtcB--rX_rZXY_LxDZNavp5Y7Nto80PhKE2Oin_tYbGwNvA4pCeAGxppidoLnJm0CjHgKyIlrS5MAi2ZUKshcHEYVdOFwgD9WsDoioe8FoqAKIwxqctgSbc0S13V_Olzf6rMOQGw61uOasz5BZGJZ_i-Fgaz7g2UErDqbWflsGfVJYZ75I4t-bcUJ2rj2xL6QQWolfCs9U-1frGOGH3qBldv4b4R5I9DFlkUIW0-RTZ2vskC2Dqk6sLKu9rfK8zOVrtHGLYD921Im_mcX8riUT2tfYhq5GxEjMwz0l6KmDrC54aYuakQ58a8v2jveRySfhAfnEis79wLoEMEXhhzhFi=w933-h683-no)


<br/>


티스토리 관리메뉴에서 

스킨편집 > html편집으로 들어갑니다

그 뒤 html에서 아래 코드를 추가합니다 


<br/>


```

 




<script src="https://cdnjs.cloudflare.com/ajax/libs/showdown/1.6.0/showdown.min.js"></script>

<script src="https://rawgithub.com/makerj/misc/master/tistory-markdown-plugin.js"></script>





```


<br/>


![](https://lh3.googleusercontent.com/eHMOXJe9PSDemPFHFAm90XtwU4pL6I0arziD-JLxUgWIF7sCo5A8plX0dvXR4omN3T__TwX4Qc_bCRL77tb8ybhHWtBqT8rQcLQ_F4LloUlZaIsUp989TOQ23Fq5EVycfx8z96Gcwy_VuzHg78UgjH_xDXA_w6fG9nUduWvUU7tD70IBKc5-syo-sbMKOKIQ9xUYQ4mI7Y6ZOscu-BazqQE2-Yb_FZGRu1C775ecwFKZkBKmRBArEDs32VJNrudcCzxYfy20s9qewOHwxjbSIpXlyyqWKqISAwq59yGw43houfrPvcs4_iAQl2eRdqHU31WWtuYqq3UhDh520v7BWUn1LOkOzHZxfc0qztUX2zDQgwdtJ_i-ApgWR8mOzrQHGYgbhwm6a-XIUXSuohv29MngN2g_re06qGR8qzXfoKmBs_PM1eQPSScpIkGUwAzzpihof8LP17jNl4Khor9Mcwi4wJHYSWgCyjdhLgIlcMAs3X6a_IuHiPclxCHey5zklEEW8_HbY_E7RprmvWM-f0bloUvVHQ14_XWAAV2OEZgkpmTtFIjy4BO5VaSI6tgr-rbIutkr-QRwGtd2cDrf5uS-vHk-ZVlOkrXCsdPzn9uyj_uPKNozpgwv7_psWWbc=w594-h918-no)


<br/>

추가를 하는 방법은 

맨 아래쪽에 아까 올려둔 코드를 복사 붙여넣기 하면 됩니다. 

보통 </script>처럼 코드가 끝나는 부분에는 / 이 들어가니 /이 있는 문장에서 엔터를 치고

새로운 줄에서 복사 붙여넣기 하면 됩니다.



<br/>


## 글을 작성할 때 유의할 점

<br/>


위의 준비과정을 거치면 티스토리 텍스트에디터에서도 마크다운을 인식하는데 

그냥 올리면 아무 효과가 없습니다. 


아래 스샷처럼 문단간격없음 상태에서 

@markdown을 본문 맨 첫 줄에 삽입한 뒤 마크다운 문법으로 작성하면 됩니다.


![](https://lh3.googleusercontent.com/C0OS18w7huD0_oK4Lw3Cx_15hFWkbkxGK9refSNmKLdvLhLIGpjWgNZzWMk1qBGUYzXSsR6rtty63OzXxfX5U1BXkmtyqyhurl3XqNjBe8jVFSJvFIN5Aq1Bm4_fiAHZMwP2l-ye_YnIaS5DegC_yNRuM56JYp0h9CsVXVc2Ei3mnVWF-H74t4WmOkqPt-OIaIClodw5GhBw4UlVmy5z-aurYnI8fL7BXsNRoe6Nvjd-byMkrInUV3cFGgmmyPkoxQKdT56dcM_VqvkbCKCIdhtIeKTDbGh7NmkN-5JtfgqUOL0yndR5Kilwlc5NjnBY53vyfD5hTBvDjhxWUUy59213R1sCFEMFxm-KGI--CN3PtC5l8dHFv82f3f3AW3_FS1TYanSYWuMsScJM8yhTnZcvNZvO_uoSKkEGPEP0q2rSrHW2vSQRmfgon4Ybs1ctf103PyBvJafC-LTbmyDp0qceIcdd6qn92p28_9sEr57f6eogUi78kiimYQeo7F5wBCsSq_Bm2-fiM4urV6VhPhxNWQWulUwc1TryqGn_M516wQuZGi5ypIgLJhzfzpfUwUAu4a-jxTlkx340MgrKZnAV1w1HCaE_7kC-7C3ALlJoWSfGrfiQWTqCd8toVSYS=w905-h475-no)