티스토리 뷰

반응형

Markdown 블로그 글쓰기

 

Markdown 블로그 글쓰기 | Free Markdown Editor

 

블로그에 글 쓰는 프로그램으로 어떤 프로그램을 사용하시나요? 아이패드를 사용할 때는 ia Writer를 사용해서 글 초안을 작성해 두고 최종적으로 블로그 Editor에 Html로 변환해서 글을 post 시켰었는데요, Notepad ++ 라는 무료 프로그램을 사용하면 보다 쉽게 Markdown 문서를 작성하고 작성하면서 동시에 결과를 확인할 수 있습니다.

그 사용법에 대해서 살펴보도록 하겠습니다. Markdown은 사용법도 간편하고 다양한 Format의 문서로 변환할 수 있으니 한 번 사용해보세요.

 

Notepad ++ 를 Free Markdown Editor로 사용하는 법

 

Markdown 글쓰기 (notepad ++)

 

Notepad ++ 프로그램은 무료 text editor임에도 불구하고 유료 text editor 프로그램에서 지원하는 다양한 기능을 지원하고 있습니다.  그뿐만 아니라 거기에 추가 무료 "플러그인"까지 설치하게 되면 각종 프로그래밍용 Editor, Markdown Editor, Html Editor 등으로 사용할 수 있습니다.

"플러그인"에서 ftp 기능을 설치하면 Edit plus 유료 프로그램처럼 수정한 내용을 바로 ftp를 통해 server로 업로드도 가능합니다.

 

Markdown 글쓰기 (notepad ++)

 

[메뉴] - [언어] 메뉴에는 다양한 프로그램 언어 선택 메뉴가 있는데요, 해당 프로그램 언어의 첫 글자에 해당하는 메뉴에 들어가서 선택이 가능합니다. c, c++은 "C", python은 "P", Lua 는 "L", html은 "H", "JavaScript"는 "J" ....

Markdown은 [언어]의 하단 부분에 "Markdown(preinstalled)"라는 메뉴가 있습니다.
[새 문서]를 생성하고, [언어]에서 markdown으로 선택하시면 됩니다.
(생성된 문서의 확장자는 .md로 생성)

 

Markdown plugin 설치

 

Markdown 글쓰기 (notepad ++) - 플러그인

 

[플러그인] 메뉴에서 "markdown"으로 검색하여 "Markdown Panel"을 설치합니다.
설치가 완료되면, 메뉴 icon 우측에 새로운 아이콘(M 모양)이 생성됩니다.
해당 아이콘을 클릭하면, Notepad ++ 창이 좌/우로 나눠지며, 우측에 markdown preview가 보여지게 됩니다.

 

Markdown 글쓰기 (notepad ++) - Markdown panel plugin

 

Markdown 작성방법에 대해서 익숙해지시면 별도의 워드 프로세서 프로그램 없이 완성도 높은 문서를 생성할 수 있습니다.
또한 작성된 문서를 ms word, powerpoint, pdf, epub, html 등 변환도 가능합니다.
블로그에 post 할 때에는 "기본모드"에서 "마크다운"모드로 바꾸시면 바로 블로그에 포스팅이 가능합니다.

 

티스토리 글쓰기(마크다운)

 

Pandoc 활용하여 markdown 문서를 html 형식으로 변환 (markdown to html using pandoc)

 

markdown to html 변환

 

전용 markdown 앱(iOS iA writer, TextEditPlus) 또는 프로그램에서는 자체적으로 ms docs, ppt, html, pdf 형식으로 바로 변환할 수 있지만, 무료 사용자의 경우 Windows 10, WSL2에 Ubuntu나 Kali linux를 설치해서 변환할 수 있습니다.

WSL2에 우분투나 Kali Linux 설치하는 법에 대해서 궁금하시다면 아래 "더보기"를 눌러서 따라 하시면 쉽게 설치가 가능합니다.

 

더보기

 

변환된 HTML 문서 (Converted HTML Doc)

 

markdown to html 변환 결과

 

html로 변환된 문서를 웹 브라우저로 열어서 확인한 사진입니다.
소스코드를 확인해보면 불필요한 tag는 없이 딱 필요한 tag 들만 들어있어서 편집도 편리합니다.

 

 

html 소스 코드

 

pandoc 지원 포맷 (pandoc's supporting format)

 

pandoc supporting format

 

pandoc supporting format

 

pandoc supporting format

 

html to pdf

 

변환 가능한 문서의 종류가 굉장히 많습니다. 
html 문서를 pdf로 변환하기 위해서는 wkhtmltopdf라는 추가 package 설치가 필요합니다.
sudo apt-get install wkhtmltopdf 명령어로 설치 가능합니다.

반응형
댓글