[confluence to tistory-2]html 다듬기

신규 단위목표

• 이미지 추출 및 공개서버에 업로드 → html내 링크 정보 치환

• 테이블 테그 tistory 형식에 맞게 변경

• codeBox tistory 형식에 맞게 변경 필요

추출된 페이지 테스트 등록

추출된 html이 tistory 게시물로 등록되었을 때 바람직한 모양으로 출력되는지 테스트하기 위해서 테스트 게시물을 게시해 보았다. 눈에 띄는 문제점 두가지가 보였다.

• 표 디자인이 구림

• 코드박스 syntax highlight가 동작하지 않음

보이는 문제점 말고도 가장 치명적인 문제점이 하나 있는데, html내부에 삽입된 이미지가 confluence Cloud 서버내에 저장되어 링크가 걸려있었다. 당연히 로그인 통해 인가된 사용자만 접근하여 이미지를 로딩해 올 수 있었기 때문에, 블로그에 정상적으로 게시하기 위해서는 이미지를 별도 퍼블릭 서버에 업로드 한 뒤, 이미지 url 변경 사항을 반영하여 html을 다시 작성해 줘야 했다.

코드블럭 하이라이팅 활성화

<code> 블럭 추가로 해결

표 예쁘게

th 테그 모두 td 로 변경 및 표 테마 관련 class 테그 추가

이미지 호스팅 서버

무료이면서 가장 api 활용이 편리한 사이트를 찾다보니 imgbb 라는 사이트를 찾게 되었다. API가 매우 간결하고 필요한 정보만 있어서 선택하였다.

• 이미지 업로드 API

구분	정보	비고
API 경로	https://api.imgbb.com/1/upload
매서드	POST
Query 파라미터1	key	값: api token
Form 데이터	image	값: 이미지 바이너리
호출 목적	페이지 html로 export