블로그 쓸 때 사용하는 툴

워드프레스 같은 큰 툴은 제외하고 우분투에서 사용하는 작은 툴 10가지를 정리했다.

글 쓰기

드랍박스에서 제공하는 Paper와 Vim을 사용하여 글을 적는다. 둘 다 마크다운 문법을 사용해서 글을 적을 수 있는데 Vim은 마크다운 플러그인 설치가 필요하고 Paper는 작성한 글을 마크다운 형식의 파일로 내려받을 수 있다. 이렇게 내려받은 마크다운 파일을 워드프레스와 정적 블로그에 올린다.

참고로 Paper의 경우 크롬(65.0.3325.162)을 사용하여 글을 쓰는데 한글 입력이 잘 안되는 문제가 있다. 문장 첫 글자에 초성만 입력되거나 받침이 입력되지 않는다. 크롬의 시크릿 모드에서도 이상하게 동작한다. 혹시나 해서 Firefox(59.0)에서 시도했는데 비슷한 현상이 나타난다. 공백을 입력하면 마지막 한글, 한 글자가 따라온다. 문장의 첫 글자는 dot(.)를 찍으면서 Paper를 사용하고 있다. 이렇게 써야 하나 싶지만 아직 견딜만 하다. 아니다. 2018년 3월 22일 현재 위의 문제점이 수정되었다.

한 가지 더 새 글을 만들면 초대 링크가 공유로 되어 있다. 혼자 사용할 문서라면 “공유” 버튼에서 설정을 변경하자.

철자 맞춤법

다음에서 제공하는 맞춤법 검사기를 사용한다. 한 번에 1000자 검사가 가능하다. 한글 1000자는 꽤 긴 글이라서 만족한다.

프로그램 사진 캡쳐하기

3초 후에 현재 윈도우를 캡쳐한다. 그림자 포함 옵션을 사용한다.

$ gnome-screenshot -w -d 3 -e shadow

움직이는 GIF 파일 만들기

여러 이미지를 움직이는 하나의 파일로 만들 수 있다. 동영상을 이나 여러 이미지를 나열하는 것 보다 가성비가 좋다.

$ convert *.png vim.gif

터미널 동작 녹화하기

Asciinema를 사용하면 터미널 작업을 녹화할 때 텍스트 파일로 저장하여 재생할 수 있다.

텍스트 박스 그리기

DrawItVim의 플러그인으로 아래와 같은 텍스트 박스와 선을 쉽게 그릴수 있다.

+-----------------------------------------------------+
|  +-------------------------------------------------+|
|  |        +---------------------------------------+||
|  |        |       +------------------------------+|||
|  |        |       |        +--------------------+||||
|  |        |       |        |       +-----------+|||||
|  |        |       |        |       |    +-----+||||||
|  |      GNOME     |        |       |    |     |||||||
|Ubuntu Flashback Xmonad Terminator Tmux Zsh Vim|||||||
|  |        |       |        |       |    |     |||||||
|  |        |       |        |       |    +-----+||||||
|  |        |       |        |       +-----------+|||||
|  |        |       |        +--------------------+||||
|  |        |       +------------------------------+|||
|  |        +---------------------------------------+||
|  +-------------------------------------------------+|
+--------------------------+--------------------------+
                           |
                   --------+--------

Vim을 사용하지 않는다면 온라인에서 그리기 바란다.

동작하는 웹 코드를 보여줄 경우

JSFiddleRunKit을 사용한다. 웹 코드와 그 실행 결과도 보여줄 수 있다.

정적 웹 코드를 보여줄 경우

GitHub Gists를 사용한다. 워드프레스 가입형의 경우 특수 문법을 사용하며 삽입할 수
있으며 그 외에 정적 블로그 같은 곳에서는 아래와 같은 코드를 사용할 수 있다.

<a href="https://gist.github.com/afrontend/0285ff45d9bbe8816e3cc04fcb78045b.js">https://gist.github.com/afrontend/0285ff45d9bbe8816e3cc04fcb78045b.js</a>

원한다면 GitHub Gists커스터마이즈 할 수 있다.

무료 웹 서버 사용

Heroku에서 제공하는 Node.js를 사용한다. 무료 사용자는 제약 조건이 있다.

  • 사용자 도메인을 사용할 수 없다.
  • 서버가 사용되지 않을 경우에는 sleep 모드로 전환됨으로 깨어나는데 시간이 조금 걸릴 수 있다.

그렇지만 데모나 테스트 용으로 충분히 사용할만 하다. 스스로 만들어 사용하는 책 찾기 서비스를 Heroku에 올려서 사용하는데 처음 서버가 깨어나는데 10초 정도 걸릴수 있다.

정적 블로그 서버

정적 블로그를 유지하기 위하여 GitHub Pages를 사용하고 있다. 물론 무료다. 무료 Heroku 처럼 잠들지 않는다. github.io 가 주소에 자동으로 붙는데 자신의 도메인도 연결할 수 있다.

마무리

블로그 쓰기 위해 작은 툴들을 사용하는 것을 좋아한다. 당신이 자주 사용하는 도구도 알려주길 바란다.

답글 남기기

아래 항목을 채우거나 오른쪽 아이콘 중 하나를 클릭하여 로그 인 하세요:

WordPress.com 로고

WordPress.com의 계정을 사용하여 댓글을 남깁니다. 로그아웃 /  변경 )

Google photo

Google의 계정을 사용하여 댓글을 남깁니다. 로그아웃 /  변경 )

Twitter 사진

Twitter의 계정을 사용하여 댓글을 남깁니다. 로그아웃 /  변경 )

Facebook 사진

Facebook의 계정을 사용하여 댓글을 남깁니다. 로그아웃 /  변경 )

%s에 연결하는 중

This site uses Akismet to reduce spam. Learn how your comment data is processed.