본문 바로가기

깨알팁/티스토리

제로보드 글을 티스토리로 조금 더 쉽게 옮기기


안녕하세요. Lock3rz입니다.

다른 커뮤니티(제로보드 기반)에 올렸던 글을 티스토리로 옮기는 작업을 하고 있습니다.

포트폴리오 느낌으로 제가 올렸던 글을 블로그에 모으고 있어요.

쉽게 처리하려고 단순 복사/붙여넣기를 하면,

커뮤니티의 서버 링크만 가져와서 커뮤니티 서버에 트래픽 민폐를 끼치게 되기 때문에,

일일히 이미지 파일을 다운로드해서 티스토리 기본 에디터로 수정하고 올리고... 하고 있었습니다.

티스토리 기본 에디터는 이미지 드래그 & 드랍도 안되고 여러모로 불편하죠.

필요한 일이라 하고 있긴한데, 이게 너무 비효율적이라고 느꼈어요.

분명 더 좋은 방법이 있을 듯 한데...

하여 구글링을 해보니,

2016.12.08 이전에는 티스토리 blog API라는 것을 지원했었네요.

(http://notice.tistory.com/2359)


blog API는 널리 쓰이는 MetaWeblog 를 지원합니다.

따라서, MS 워드 등으로 직접 포스팅을 작성하여 발행 할 수 있었습니다.

MS 워드로 포스팅 하는 기능이 중요한 이유가, 웹에서 클립보드로 복사해온 이미지 등을

자동으로 로컬 파일로 저장해서 문서에 포함시키기 때문입니다.

이렇게 복사해온 blog API를 이용해 티스토리에 올리면 손쉽게 글을 옮길 수 있었는데요...

중요한건 이제 blog API 안된다는 겁니다!!!

네X버 블로그는 스마X에디터 3.0 등등 기능을 점점 확장해 가면서 둘다 지원하는데,

티스토리 측에서는 '보안상 이슈'로 blog API를 지원 중단 했다네요.

(... 타 회사는 무리없이 잘 제공하는데... 무슨 말이니...)

대신 O-auth 2.0 기반의 OPEN API를 제공하고 있는데요.

MS WORD가 Office Add-in 플러그인으로 O-auth 2.0을 지원한다는 글이 있긴 합니다만,

뭐 어떻게 사용하는 것인지를 모르겠더라고요.

그래서 어째... 방법이 없을까... 짱구를 열심히 굴려 봤습니다.

찾아보니 Tistory Editor 라는 좋은 툴이 있네요.

(http://tistory-editor.tistory.com/)


Tistory Editor는

티스토리 포스팅을 심플하고 편안하게 할 수 있도록,

마크다운 방식 포스팅을 지원하는 윈도우 프로그램 입니다.

이 프로그램이 무려 '이미지 드래그 & 드롭'을 지원합니다!

따라서, 아래와 같은 방법으로 포스팅 이전이 가능합니다.

1. 제로보드 글을 텍스트 에디터에 복사 (이미지 파일 명이 그대로 보존되는 게시판)

2. 미리 다운로드 받은 이미지 파일들을 윈도우 탐색기 검색창에서 검색

3. 드래그 드랍으로 Tistory Editor에 작성

4. 글을 작성하고 포스팅!

백문이 불여 일견이니, 스크린샷으로 설명 드리겠습니다.

1. 제로보드에 게시된 글을 텍스트 에디터(저는 Notepad++을 애용합니다)에 복사합니다.

2. Tistory Editor를 켭니다.

3. 목적지 티스토리 블로그를 관리하는 계정으로 로그인 합니다.

처음 로그인 하면, 로그인 허용 메일확인과 티스토리 권한 설정을 허용해달라는 창이 뜹니다.

O-auth 2.0 API 글쓰기/읽기/목록 출력 등에 대한 권한이 허가되는 것 같습니다.

당연히 허용/확인해 줍니다.

4. 처음 로그인하면 블로그 목록이 보입니다.

목적지 티스토리 블로그를 클릭해 줍니다.

5. 기본 화면 입니다.

군더더기 없이 깔끔한 것이, 꼭 윈도우10 기본 이메일 앱 같습니다.

아주아주 좋아요!

 

6. 오른쪽 하단의 파란색 아이콘을 눌러 에디터 모드를 'Rich Editor (Tinymce)'로 변경합니다.

기본 설정된 Markdown으로 붙여넣으면, '[],()'와 같은 특수문자들이 Markdown 예약어로 인식되어

원치 않은 결과를 초래할 수 도 있습니다.

게시글을 복사 붙여 넣기 할때에는, 결과물을 그대로 보여주는 Rich Editor 방식이 편합니다.

(Tistory Editor에 에디터 기본설정을 Rich Editor로 바꾸는 기능이 없어서 조금 아쉽네요.)

7. 텍스트 에디터에 복사해둔, 게시물 본문을 Tistory Editor에 붙여 넣습니다.

8. Tistory Editor에 붙여 넣은 본문중. ~~~~.jpg와 같이 이미지가 삽입된 부분을 찾습니다.

마우스로 드래그 하고, Ctrl+C로 복사 합니다.

좌측화면에는 스크린샷과 같이 이미지가 저장된 경로를 윈도우 파일 탐색기로 열어두세요.

 

9. 윈도우 파일 탐색기의 검색창에 Ctrl+V를 합니다.

넣어야 할 이미지만 검색되어 보이겠죠?

(스크린샷상에는 txt 파일도 보이는데, 게시물 본문을 복사해서 저장해 둔 파일입니다.

txt 파일 내용에도 ~~~.jpg의 이름이 들어가 있어서 검색결과에 같이 나오네요)

그 이미지를 드래그 해서 Tistory Editor에 드랍 해줍니다.

10. 그러면 Tistory Editor가 OPEN API를 통해 Tistory에 사진을 업로드하고,

포스트에 자동으로 이미지를 넣어줍니다.

아까 Tistory Editor에 드래그 해둔 ~~~.jpg라는 텍스트는 없어지고요.

기본 티스토리 에디터는 ~~~.jpg라는 텍스트를 드래그 해두어도

포토 업로더가 이를 지우지 않아서 일일히 지워주어야 했습니다.

너무나 사소한 부분이 줄어든 것 같지만,

사진마다 일일히 해야했던 자질구레한 작업들

(포토 업로드 켜기->이미지찾아 업로드하기->업로드 버튼 누르기->업로드 확인 누르기->기존 ~~~.jpg텍스트 지우기)

이 없어지니 게시물을 포스트로 변환하는 작업이 엄청 수월하네요.

11. Tistory Editor 오른쪽 상단에 '저장' 버튼을 누릅니다.

태그 칸에 원하시는 태그를 넣습니다.

일일히 a'엔터', b'엔터' c'엔터' 입력 안하시고

a,b,c 라는 텍스트를 한꺼번에 입력후 엔터 치셔도 됩니다.

',' 단위로 자동으로 파싱(절단)되어 올라갑니다.

12. 포스트의 카테고리를 설정합니다.

'발행'버튼을 클릭합니다.

'저장'버튼을 클릭하시면, 티스토리에 '비공개' 상태로 게시됩니다.

13. 짠~ 잘 올라갔네요.

14. 다만, Tistory Editor 프로그램에서는 줄 간격 조절이 안됩니다.

따라서 기본 티스토리 에디터에서 줄 간격 조절을 수정해 줍니다.

저는 200%정도 되어야 보기 편하더라고요.

15. 기타 Tistory Editor에서 수정하지 못한 부분들을 수정하고 마무리 합니다.

추가적으로 필요한 플러그인(관련 글을 본문에 넣기 위해 '이전글'을 플러그인을 사용)을 적용합니다.

대표이미지 설정도 기본 티스토리 에디터를 통해 따로 해주어야 합니다.

Tistory Editor가 빈 줄은 자동을 삭제해 버리네요. 문단 구분을 위해 넣은 빈 줄이 없어집니다. ㅡㅡ;;;

Tistory Editor로 수정하면, 대표 이미지 설정이 해제되어 버리네요...


비단 제로보드 뿐 아니라,

네X버 블로그, 워드X레스 등 다른 블로그에서 티스토리로 이사오시는 경우에도

유용하게 활용하실 수 있을 것 같네요.


PS.1

카카오야... metaWeblog 좀 다시 지원해주지 않으련...?


PS.2

이제는 제로보드에서 첨부파일을 한꺼번에 다운로드 하는 방법이 필요합니다.

사진 수십장을 일일히 눌러서 다운로드 하기 귀찮네요...

IDM으로는 HTML 파일들만 잔뜩 다운로드 됩니다 ㅠㅠ