본문 바로가기

10-비공개/카테고리01

Markdown 이용하여 블로그 글 쓰기 (블로그 글 쉽게 쓰기)

@markdown


<br/>

# Markdown 이용하여 블로그 글 쓰기 (블로그 글 쉽게 쓰기)


<br/>


세상엔 많은 정보가 있고 그 정보들은 때론 스크랩, 정리를 하며 살아가게 됩니다. 

그렇게 정리해둔 정보를 공유하려고 복사 붙여넣기를 하려고 하면 글이나 사진이 깨져서 고생하는 경우가 많은데요 


네이버블로그에서 쓴 글을 커뮤니티 게시판에 올리려고 한다든지.. 다른 플랫폼으로 드래그앤드롭으로 복사 붙여넣기 하려고 하면.. 꼭 엑스박스가 나거나 글자 크기가 변경된다거나 합니다. 


여러 가지 시도를 해 봤는데, Markdown 형식을 이용하여 글을 쓰면 다른 플랫폼으로 복사붙여넣기를 하더라도 글의 형식이 최대한 유지되는 것을 확인했습니다. 


여러가지 Markdown 툴을 써보고, 가장 효율적인 방법을 고민하다가, 어느 정도 정립이 된 거 같아 이렇게 글로 정리합니다.


<br/>


## Markdown은?

<br/>

**마크다운**(markdown)은 일반 텍스트 문서의 양식을 편집하는 문법

README 파일이나 온라인 문서, 혹은 일반 텍스트 편집기로 문서 양식을 편집할 때 쓰임

마크다운을 이용해 작성된 문서는 쉽게 **HTML 등 다른 문서형태로 변환**이 가능


일반적인 텍스트편집기와는 다르게 '문법'이라는 형식에 맞춰 글을 써야합니다 

예를 들어 ## 다음에 글을 쓰면 그 줄은 큰 글자가 써지게 됩니다. 

자세한 것은 Markdown문법에 대해서 검색 해 보세요

<br/>

![enter image description here](https://lh3.googleusercontent.com/ho3MPx5Eg2VCSvnU2EUHtr4hGZtc50VVHrqXWAxUxDKnKNnk91nH5mQTvtYiA64vWd9kaShzVANUx1NowC2THaXGrZQLOMvSKH3_nH9qe9d1kw3s1RhJ1jyeGpIY8xWfV-4TbVhzmTsC3FrmANlg3YYRwtcEpC9hAtjgXa4qySPtV-Pv1n7JpL4LKzf6NRmOwV_MAqnPUSjVglFyZXr4qNmSNHXxi0Kt-PDU6a8usIdOaypCPy3buU1khtMGPC5Lb0d2kchZSKVW2lWdkVFBdTXYmArREEeP1qU7hCS7ydzMH6N3F9Tuyutlz6XLbOlhehdzWXGZJAgAnz1wIbUrzTKvnpwiDFCi56Eyht6lyu7yj6ksxcuswvPZah5uLMR5kZDqMHG010eVARk2cy5g_flYKQ-0mZF4hZLh1j-9obQq6oD28vzA48K1MJ0OVpYDqbjhLJ7YOwF70Bm-NWoWjwqSehktKmFccX8gq9ZxIQN20fuvNnaNBgS7902AVHf0TBYD-aOL1ofP7u0DY2pTSrO0rbvJBbgGCfx5yMATAN3_cfQG8NqzXrjl1pTuSm8PegJOgGGEZBO_2ATKgnFWyZof88JofYEAcIp4BfCiZyOMu8zDjHt4Iwp75__k8tDL=w600-h335-no)

<br/>


[Markdown이란? 위키백과 링크](https://ko.wikipedia.org/wiki/%EB%A7%88%ED%81%AC%EB%8B%A4%EC%9A%B4)


[Markdown이란? 나무위키 링크](https://namu.wiki/w/%EB%A7%88%ED%81%AC%EB%8B%A4%EC%9A%B4?from=markdown)


<br/>

그 외 설명 사이트들


http://modangs.tistory.com/623

https://gist.github.com/ihoneymon/652be052a0727ad59601#this-is-an-h1

http://blog.kalkin7.com/2014/02/10/lets-write-using-markdown/#fn-53-2

https://www.evernote.com/shard/s3/sh/128acb97-d3c5-4eda-aa1b-c71ecd2f3a15/54a14ebd5d4ce7507bf78e5af640d0e9

https://nolboo.kim/blog/2014/04/15/how-to-use-markdown/

https://github.com/adam-p/markdown-here/wiki/Markdown-Cheatsheet


<br/>


## Markdown으로 글을 쓰는 이유?

<br/>


상기 서술했듯 가장 큰 이유는 다른 포멧에 글을 옮겨 적어도 원본 글의 손실이 최소화된다는 점입니다.


그리고 Markdown으로 글을 쓰면 이미지를 캡쳐하여 Ctrl+C Ctrl+V만으로도 첨부가 가능합니다. 

<br/>

![enter image description here](https://lh3.googleusercontent.com/fS1lgQ-scNTWiC5-7nhxUDfv4Kf7DDcd1iasYVAMwsruIGoELsGFGoVe4fBDnCcJU4UPitSWJKtu6TVRq7LKPm-cnJKeoi2aad2UUKsWnlOj993_IiSx2bNcUHIcy3z4p7d41ot-2FM3VL-SmkWeujsCf5aVTrUQjN7majp-sDN_sVmo1KN1NeJqjcVzKYBL5k8Me6hDzy5VY0k00Y1o_blm7gsvIFp5_tqr_k1c9e20D_ihkYf_rpetynrFA5QeSYYyFNOfhx7urBuIz8mxB7GxGHui_6rgPxNjgHlzOttqKbiEjVwvpMf3D_AUaGq3oIJ3gp9BOL3wDGmcREkYrHs_X57gef8red40sOSJJfJl-wZeoJmUp4e8yMd4quax33EXNDXghEXSlQAFGjacqP8RUgAboFNBIUghM4wL6mljs0h29m1iMD5oRyf_jcfdwmxuge8x1dQ1aLhPNjrbGlqqCcVe4gE73VNrqPJCh09GdUpCkrZmJ5fZJSG05vt7YAtsmfJod6w_m0iFXZoSNqoG_u2xXBsKRO3nBj4bDTU_wQ5xxYukXHtZaDoUJ-PZeazCGR1sAoGDEga_Vv8pDDZuWXfoehbUy3YJrcstW6kyI_apCi_bMX9nD5w98W37=w600-h325-no)

<br/>

보통 블로그, 카페 등의 글쓰기 툴으로 이미지를 넣으려면 일일히 이미지를 선택해서 첨부해야 하는데 아주 번거롭죠.. 

<br/>


## 다양한 Markdown 툴이 존재한다

<br/>


Markdown으로 글 쓰는 것은 여러 방법이 있습니다. 

프로그램 형식으로 설치 후 오프라인에서도 작업하여 글을 올리는 것이 있고,

<br/>

![enter image description here](https://lh3.googleusercontent.com/YbWpZ5yP5nZYfA5YaTuOpoCHLPuimXS7OZSrJaFnDSk0IL3FtXDCDE6FBGxSLCo-Pt9IT4DHMMY87HqvpUTpmfJJ3APj_EjNUejVK96Txpmg0T_bUJ6qS4xcJ3nloZS7vIFE1yYXdl4uZl4ljDUxcS2WD9VYmJlonJit_yUAxnMnm4Bu7NHVJaZQB4hUhQqZTpVz0IIw3kMKWjUSAEMNR_vh_SiMp5ZylJae3heRKAox2nvG6H9_894UyJrG4hqR8gmtMeZ7fcxJNE2LqtVSp_wzwJYoEceLzzxwp3F_AzqJtQznWaTYQ7hrNhSoBsBwhfvH6kAfsSjHZ8cfswsK_IdzF3aRn6FMf7laMXO5LDoE6wiFl73NMF9IbctD4egwxXZkVrHbzNuNM7m_YSFN_D8wbRs_Dl28-pOv420kvKJzmW2ViGKGkxR9blWBloWi0icLuyaZK-fPTLikGOa8mexubmNI9bGkQPk7MC6TJTLfrA9RheqjgUDzokeBjDqp5o4Sw2ZLnlTTjItqmX-A5hm8AKlmIHCoz5QhmmAavJyZWf7NHbJW465GDYbOmRAMVGE6C5OgcGAOdxzyxRNWG3SfbFMnTXL0Dzn7659RBqQQY1C6EhNcwHeX27SDhDGE=w2340-h1257-no)

<br/>

웹형식으로 Markdown글쓰기를 지원하는 사이트에 들어가 글을 쓰는 방법이 있습니다. 

![enter image description here](https://lh3.googleusercontent.com/A7UDL1coMVOG3HHq9PGHbiX872HLC12igm0HzZ3td7YVIcHK8Ord1_-peFVxilZ8Chd7B9T7N6cpCoR19Of_MHISEblVO1Raafj8rkadKABVZp7ViGXZ2kxH6P8JpYEdmIQLlRTNlHeEerkOCY9LtR-VqfNGqUuJ1rX3qQ1MNvxvDp7ohEb6RHRbVOXixXKK8u7raCJMojfCCuL8njVa1675f0uo5-QsmRkD6hRUcedIvZDH6eYYT-CEXja6rHnb5XQVw65tO4pvByrKTa3FTmyvcSCe5m7nN6ubgjv3sw5AeOXN8DEdYY-XcaQ2f-KG3A1YdJ34rf0h1S00Jw1L5ksxlv1Tdp9E_NFK-_Xx5Xxp34nwWePJ-22bl7JH6qAosYsYyMAkuUv7GgPgSHZBkwsiMLbHEqeEtfomESm4C-5-t2Ifd3Cj0GW_IhgZr0irHOVsIlbGncZ5qbank5l_e2c0--8mPF6N_6NQ-3HPtwv9jcRxENjE8s_M7WCxtz-fhkOdsl2CYtAwXt5jJ18SqqwUeBAl5-9sCzmQT3UTytiUbZohwCbTMNcFaFxfCFXNK9F_rlmGCIg1Q6VsT5wewJA-15_vPdQsO04vlgQ9snm7Yl4x-ESBWDZ9NrjIxs7t=w432-h200-no)


<br/>


## 필자가 쓰는 Markdown 글쓰기 방법

<br/>


저는 Markdown 툴로는 

https://stackedit.io/


이곳 사이트를 이용합니다. 

이곳은 구글계정으로 동기화가 가능하기 때문에 어느 PC로 접근해도 같은 환경에서 작업이 가능해요. 프로그램형식 Markdown툴은 이런 기능이 약하죠 

<br/>

![enter image description here](https://lh3.googleusercontent.com/l3cu01FbKA8dPZBH8VJElCdFr2k2fRvGayYqdIRqa1qdB1HEjTIZ01-JpaQzQq8NdyeqFgudLVs=w328-h320-no)

<br/>

근데 이 사이트를 이용할 때 이미지를 첨부하려고 하면, 

Ctrl V만으로 이미지 첨부가 안 됩니다.


이미지주소를 복사하여 붙여넣어야 첨부가 되는데요. 이 부분은 구글 포토를 이용해서 해결했습니다. 

구글 포토는 10여기가의 용량을 제공하고, 이미지를 Ctrl V만으로 업로드를 할 수 있거든요. 이미지 캡쳐 > 구글 포토에 ctrl v하여 업로드 > 이미지주소 복사 > 원 글에 이미지 업로드 순으로 이미지를 올리고 있습니다. 

<br/>

![enter image description here](https://lh3.googleusercontent.com/YrEaGSPdBBO4ZF8OPNhDS0VNMFu37JbclYo8ha58zGIZmVSrHPReyz9NzR0mQ6E4agfY4uK_uR3kpEL2EWFZZrdCzrWrvcYNmgYrFqDQDohHC_4030pnur3qXS4amU23hpJSMvLtxcXwNJkJgiyjnihYloei317ka-eBB0j_-GnbHeS0TyKUiIcoH69WBSiprzq4m5nHdJrXEjMN1Hey4hA12bXGE7-LlUcjkZEnNbtNvCTZLKU0b4OvozgclVj-QLisM4Yix1q3a9m305QpoI9ufPLirtaZbrbyEldZc6iYQGh-l2IlpmMaBUGDnYsQaTA9TYbywNFawF1t9o63sir4AA6yHgvVM3DfMmzz_sbppapdv1gO0kOibb5DvZj2zqcVxvG5rjUnjzrxDe9qCeQiIEcZcVWuKKqlKSMR8UB9OyZc1bVewrYpm0xc7eJj6_ZEbaf4mOuPKXWK2ZmhHQzw-NZXgocEGF-du4N0JqDGf_UcjEQsiG-kVw8VbdkIb2tdcMQPFT73Hokj4j2xh_M6-i_d0oBrK9Q1F1hFL93JldZfNycOaQ43oTObbrZwtXI3caCGAjEUQcPf-36DBb1TeZ2Qx6bCixLsyXc-PZMDcH753668qIvXzjg1XZo3=w600-h284-no)

<br/>


Markdown에서 완성된 글은 각 사이트에 맞게 복사 붙여넣기만 하면 글쓰기가 완료됩니다.


티스토리 블로그에 글을 올린 결과

![enter image description here](https://lh3.googleusercontent.com/-n4QwbKUd3oPcyy-3zf9KKWElhe3lQkjTIFlZNjOOgiYNeYx5eaFTmh6DKeVIQRlxbzawvFJpZ4MeVJBy6QWSmAWKZuCQVMG1HnpT3l8eWTK6jXAwDdTiOv7jRUoXFIVEtf-T6c9e3OgG-p9lDiA6rXo9TpfH9AkpyB1SGEQ2xroDsGz5Cq0YHNv1x0DuLCM2S8BDPFWFv1p1fpGGVFq78oJmZ1cOQAtAftvq8NtbY4CDR0K-dNTFEdawAa7tSGlubnv4AoSi3vhEx9iIBMz__8an0YW7ipJHIbcZrn3vPNd-P8DdJ7RquDVc37ZS9pf0cqpNleOr9YGjjVccz4DweS0pA-I1L-o7yqK7AMxO0zjZpTpc5zce08Mp0i4J3dOxo62m3FjgglLSN7iqj6xXKBcby9_Yxn3Tcf-cuY992XvS9Hx6tFojKZUcpM7XbsdeystyqV2cmg5GMXumhg8b3z29E4JU1uAD19Puo9rCmJoRIgnFY4Td3urUiKve9v7aJD6pbdFCSPbilTy-r9n9BkEdGZzMgwaihdgHw15wby9FNcvEjkio67osy2sV6cwPrUwWSRdvspLwSecaKMQ4ERJwuKLo2C5PrOBjxSp9k3JBahk3ewZcopxsn04oWXq=w600-h291-no)

<br/>

![enter image description here](https://lh3.googleusercontent.com/NiszpdDZAhdOjW5VbRzt_rX5Nf2NPNSW9-0IrLRLywXzoZIdUxhcTkwvOdy47eikGppiMtqFDdk=w328-h310-no)

<br/>

네이버블로그에 글을 올릴 때

![enter image description here](https://lh3.googleusercontent.com/99IYCs4Rtg_UwT8NpgnVuXS6eoz8C9ANZQo5MPm8r_0uzTVRUfwYJ4__ppQR1pe9Q3v8M--xaZd5cKBjDrp9ByOSPPlcw3qNlyKEBi2nIRyETyDNgJNyca_8c81m6DU0nUAnvrDK03BjbXyRa2mrkR4OnoavA5EJ6IVFexhF8k36PbotpVDxoP9J04dVSNmxOKT_T15ls3lgt1KtY4pK9XSlfvYTBoMqD3qruylZ9HzB_PlK6luOHHeurwnTOatuD89Juqo2xheXkMEifXEmeE9H9sUn5-ukd06I0GykSLYXjzQINfqXUURALSX2rNUeHWJPKu45UlvThuv9oj3bMm-Gh3ZTpTHD-Q1BmL5xBVshDUmJOOkFqgOuS0hLuYqcQ7hrSBHhB5DiGE4LWm-BkYEdliG0YzOpg8KwH5ifE8dOsh9px-MP9OVH3fFbm0fg7U-FPNZcouPajSGk1IQ4YL0G0SkBP57-1ylj-ZkNns8GbZhuJhYQXWIpSSvDEA6_fBuiepeBhd8ku3p2wIhPA6al-mCCQXYHIp3kalNuOtwU7b-RLsfcAvaPn8ZGIXGYBUmfpY_rUjhKycB6UMHLqsNvOus4cjXT_CCED7aVF1DWR7XK6-iJrpjv8P_on-Ef=w600-h322-no)

<br/>


앞으로는 Markdown으로 원본글을 작성하고, 다양한 블로그, 카페, 커뮤니티에 같은 글을 손실없이 공유해보는 것이 어떨까요?

<br/>