블로그글을 편하게 쓰고 수정하는 방법

안녕하세요, Freedom^^ 입니다.

블로그에 글을 쓰고 나중에 편집하려고 하면 무한한 태그의 세계(?)를 보게 됩니다. 이걸 도대체 어떻게 수정하라는 건지, 검색을 해서 어찌어찌 찾아가던지 아니면 수정 자체를 포기하게 되지요. 블로그 에디터에서 사용한 html을 직접 수정하는건 참으로 용기가 필요한 일이 아닐 수 없습니다.

[마크다운으로 작성한 글]

그림을 보면 텍스트큐브 블로그에서 마크다운 문법으로 작성한 글입니다. 가운데 빈줄하나만 넣어주면 < p > 가 만들어지고 링크와 이미지 삽입을 정말 쉽게 할 수 있습니다. 다음 그림은 마크다운으로 쓴 글을 html 로 그대로 옮긴 형식입니다. br 태그나 스타일같은 건 전혀 넣지 않고 최대한 깔끔하게 태그가 사용이 됩니다. 블로그에서는 이 이상의 태그는 별로 필요가 없지요.

[그대로 html 로 옮긴 글]

마크다운 문법 사용예를 간단하게 보면

** 안녕하세요 ** -> 안녕하세요
*안녕하세요.* -> 안녕하세요.
![1] : 이미지 주소 -> 이미지를 보여줍니다.
[KPUG 로 바로가기][1] -> KPUG 로 바로가기
[1]: http://kpug.kr

이렇게 사용할 수 있습니다. http://wmd-editor.com/examples/splitscreen 에 가보시면 마크다운을 이용한 위지윔 에디터라는 걸 보여줍니다. 여기서 단축키를 이용해 편하게 쓰고 html 이 필요한 사이트에는 오른쪽에 보이는 html Output 만 눌러주면 자동으로 html 형식으로 변환이 되지요.

[html Output]

단축키 :
CTRL+L 링크
CTRL+G 이미지
CTRL+B 진하게
CTRL+I 이탤릭

• 블럭을 지정한 다음 단축키를 넣으면 자동으로 글 양옆에 문법이 추가됩니다.

활용예 :
wmd-editor 로 글을 쓴다.
html Output 을 클릭한다.
KPUG 글 쓰기에 html 편집기를 누른 다음 그대로 붙여넣는다.

이렇게 만들어놓으면 태그가 깔끔하기 때문에 나중에 수정하기도 쉽습니다.

현재 티스토리에서는 마크다운 플러그인을 지원하지 않아서 블로그를 마크다운 문법으로 쓰려면 안타깝지만 자기 계정에 직접 설치해야 합니다. 그래도 웹에 올릴 글을 쓸 때 wmd-editor 를 사용하면 쉽게 글을 쓸 수 있으니 꼭 한번 활용해보세요.