아르의 운이 좋아지는 블로그

왜 마크다운인가?

블로그를 나름 운영한다고는 하지만 , 써야 될 글을 바로 안쓰고 미루는 상황이 계속되면서, 왜 그런지 곰곰히 생각해보니 이제까지 HTML만을 이용해서 너무 힘들게^주1 글을 써왔기 때문에 포스팅 울렁증(?)이 생겼구나 결론을 내리게 되었습니다.

좀더 사용하기 쉬운 포매터의 필요성이 절실하여, 블로그를 오래 운영하는 고수들은 어떤 포매터를 사용하는 지 검색 해보니 마크다운 포매터 란 것이 있으며, 예전에 회사에서 위키를 시험삼아 설치해보고는 위키 문법을 신기해 하며 읽었던 기억이 나는데, 이 마크다운도 어떤 것인지 대충 이해가 갔습니다. "아~, 이 마크다운이 위키문법 같은 것이로군, 한번 써봐?"

열심히 마크다운으로 글을 써놨는데, 마크다운을 지원안하는 티스토리로 이사가게되면 어쩌지?

마크다운 포매터는 설치형 텍스트큐브 에서 플러그인 형태로 지원하여 바로 사용할 수 있지만, 티스토리에서는 지원되지 않습니다. 나중에는 지원 될지도 모르지만, 마크다운 포매터로 직접 작성한다면, 블로그 이전 시에 호환이 안되서 걸림돌이 될 수 있습니다. 그래서 저는 마크다운으로 글을 쓰지만, 마크다운 포매터가 변환한 원시HTML로 블로그에 포스팅하는 것이 좋겠다는 생각이 듭니다. 원래 브라우저 상에서 직접 새 글을 작성하지도 않는 스타일^주2이지만, 다른 에디터로 글을 쓰고 변환된 HTML을 올리는 방법이라면, 마크다운 포매터를 지원하지 않는 티스토리 사용자도 편리하게 사용할 수 있으리라 생각이 됩니다.

Notepad++에서 마크다운 사용하기

그래서 제가 요즘 주로 쓰고 있는 Notepad++에서 마크다운을 사용하여 글을 쓰고 브라우저를 이용하여 미리보기도 바로바로 할 수 있다면, 굳이 Windows Live Writter^주3를 안 써도 되고 좋겠구나 생각했는데, 구글링 결과 , 이 방법을 소개한 외국 블로거 가 있어서 그 내용을 소개 할까 합니다.

• Notepad++가 없으신 분은 먼저 설치.
• perl 을 설치하십시오. 저는 Straberry Perl ^주4을 다운받아서 설치했습니다.
• thomsmits' Markdown syntax highlighting module for Notepad++ 이 있지만, 써보니 그냥 마크다운 포맷이 적용된 부분이 반전되는 정도인데, 저는 오히려 Notepad++의 [언어(L)]의 C나 Flash Actionscript등을 적용하니 더 깔끔하게 보였습니다. 솔직히 말해, 너무 허접해서, 안 쓰시는게 나을 것 같습니다.^^
• Markdown_1.0.1.zip file을 내려받으신 후, 압축을 푸세요. 저 같은 경우 D:\Markdown_1.0.1 폴더^주5에 풀어 놓았습니다.
• Notepad++의 [플러그인] > [NppExec]^주6 > [Execute]로 가시거나 그냥 [F6]키를 누르면 스크립트를 입력하는 창이 뜹니다. 거기에다가 아래와 같이 입력하세요.

NppExec 플러그인 내려받기 경로: http://sourceforge.net/projects/npp-plugins/files/ (새 창으로 열기)

perl "D:\Markdown_1.0.1\Markdown.pl" "$(FULL_CURRENT_PATH)" 
CON_SAVETO $(CURRENT_DIRECTORY)\$(NAME_PART).html
"C:\Users\owner\AppData\Local\Google\Chrome\Application\chrome.exe" " $(CURRENT_DIRECTORY)\$(NAME_PART).html"

• 적당한 이름으로 스크립트를 저장합니다. (그냥 markdown으로 저장 하시면 될 것 같습니다.)
• 이제 Notepad++에서 마크다운 문법으로 글을 작성한 후에 저장합니다.
• 미리보기를 하고 싶으시면 스크립트를 실행하시면 되는데, [F6]키를 누르고 [Ok]를 누르면 마크다운 문법으로 작성한 TXT파일과 같은 위치, 같은 파일이름의 html 확장자를 가진 파일도 같이 생기게 되는데 이것이 변환된 html파일입니다. 순식간에 변환되는 것을 보실 수 있습니다. 저는 미리보기 도구로 구글크롬을 선택했는데, 파폭이나 IE를 사용하고 싶으신 분은 위의 스크립트 3번째 줄을 아래와 같이 바꾸시면 됩니다.

저 처럼 윈7 얼티밋K 64비트을 쓰신 다면,

파폭을 쓰실 경우 : "C:\Program Files (x86)\Mozilla Firefox\firefox.exe" " $(CURRENT_DIRECTORY)\$(NAME_PART).html"
IE를 쓰실 경우 : "C:\Program Files\Internet Explorer\iexplore.exe" " $(CURRENT_DIRECTORY)\$(NAME_PART).html"

XP 사용자시라면,

구글크롬 : "C:\Documents and Settings\사용자계정명\Local Settings\Application Data\Google\Chrome\Application\chrome.exe" " $(CURRENT_DIRECTORY)\$(NAME_PART).html"
파폭 : "C:\Program Files\Mozilla Firefox\firefox.exe" " $(CURRENT_DIRECTORY)\$(NAME_PART).html"
IE : 위와 동일

perl을 이용하여 실행하는 것이기 때문에 굳이 Notepad++가 아니더라도 다른 텍스트 에디터에서도 응용하여 사용하실 수 있습니다.

다른 텍스트 에디터도 대부분 command 기능이 있으므로 충분히 응용해서 사용할 수 있으리라 생각됩니다. Notepad++이외의 다른 텍스트 에디터에도 응용 해보시고 성공기를 한번 소개해주시는 것은 어떻겠습니까?

마크다운 2시간 써보고 느낀 점

배울 것도 없을 정도로 마크다운 문법이 너무 쉬워서, 원래는 이 글을 포스팅하려던 것이 아니었는데, 시험삼아 써본다는게 그냥 다 써버리고 말았습니다. 단지 약간 아쉬운 것은 원래 스샷을 많이 첨부하는 스타일이었는데 위지윅도 아니고 단순히 텍스트형태로 타이핑하는 것이라, 마크다운의 편리함에 익숙해지면, 저의 포스팅에 스샷이 점점 줄어 들고 텍스트의 양은 점점 늘어날지도 모르겠습니다. 그리고 하이퍼링크를 나중에 몰아서 정리하는 마크다운의 특성상, 멀티클립보드 프로그램정도는 겸용으로 설치해서 써야겠다는 생각이 듭니다.

정리해보면

텍스트 수준에서 놀아요

• 손쉬운 위지윅의 이미지 첨부 기능이 좀 아쉬움

글은 신나게 다 썼는데, 아놔 이것들 링크들은 뭐 였지?

• 예전에 글 60%쯤 쓰면 브라우저에 옮겨서 마무리했었는데, 이번엔 신나게 다 써버렸습니다. (기립박수!)
• 하이퍼링크를 나중에 몰아서 정리하는 마크다운의 특성상, 멀티클립보드 프로그램 정도는 설치해두는 센스

어때, 쓸 거야? 말 꺼야?

마크다운에 대한 소개글은 오래 전부터 나와 있었지만, 써봐야겠다는 생각은 못했는데, 역시 아쉬운 사람이 우물을 파게 만드네요. 마크다운 포매터 자체가 맘에 들기도 하지만, 특히 Notepad++에서 글을 쓰고 [F6]로 엄청난(?) 속도^주7로 미리보기를 하는 기능이 즐겁기만 합니다.

글이 도움이 되셨습니까? 과 다음 뷰로 구독+해 보세요^^