StackEdit 과 Blogger 연동방법

StackEdit과 Blogger 가 연동되는 아주 좋은 기능이 있다.

이를 사용하는데 2가지 오류를 마주쳤는데 아무리 찾아도 해결방법이 나오지 않았다.

결국 해결책을 찾아냈는데 이에 대한 간단한 메모를 남기고자 한다.

1. Latex이 안뜨는 문제

- 그 전에는 MathJax 자바스크립트를 이용해서 렌더링을 하고 있었는데, StackEdit은 katex 을 사용하기 때문에 html로 변환 해서 blogger로 가져오더라도 Katex 관련 css 가 없으면 이를 렌더링 하지 못한다.

해결 방법 : StackEdit에서 publish하지 말고 html export를 하면 파일 안의 헤더에 css stylesheet link가 있다. 이 부분을 template htm에서 </head> 바로 윗줄에 추가해 주자.

2. Image 사이즈가 내맘대로 조정이 안되는 문제

Markdown을 좀 더 잘 활용하는 방법 중에 <img> 태그를 이용해서 align, size 등을 조절하는 방법이 있다. 그런데 이상하게 <img> 태그에 inline으로 적용한 css 가 먹히지 않는 현상이 있었다.

해결 방법 : Template html 파일을 열고 css가 적혀있는 곳으로 가서  .post-body img  selector을 찾는다. 그중에 max-width:100% 라고 설정되어 있는게 있는데 해당 selector을 통채로 지워주고 나니 inline CSS가 적용되기 시작했다.

3. 끝으로 Featured Thumnail 사진이 너무 크게 나오는 문제점이 있었는데, 이는 CSS 중에 .FeaturedPost1 img selector (max-width = 100% 라고 설정되어 있는 것)을 아예 삭제해주고 나니 포스트에 있는 사진의 크기만큼 나오게 되었다.