마크다운 사용시 이미지 사이즈 조정

요즘 여러가지 마크다운 툴로 블로그 초안을 작성하고 있습니다.

그렇게 작성한 글을 '티스토리 에디터'를 '마트다운 모드'로 설정하고,

써둔 마크다운 글을 붙여넣어 블로그를 발행합니다.

티스토리 마크다운 모드 

마크다운의 경우

*!(이미지 설명)[이미지 주소.jpg] *

로 작성하면 됩니다.

이때, 이미지 호스팅 서비스를 사용해야 하는데,

이미지호스팅은 ImgBB 를 사용하고 있습니다.

무료인데다가, 사용하기 편리합니다. (iOS의 경우 앱도 제공)

그런데, 마크다운으로 작성하면서 이미지 크기를 설정하는 게 어렵더군요.

그래서 찾아보니 대부분의 마크다운 툴은

같은 img 에 대한 html을 지원한다는 걸 알게 되었습니다. 블로깅 할 때는 이미지 너비를 대개 740으로 쓰고 있으니까,

이미 익숙한 html 을 섞어쓰니 편합니다.

이런 식이 됩니다. (아래는 출력화면)

<img src="i.ibb.co/jhkzSZk/IMG-8312.jpg" alt="출퇴근길" width="740">

이미지를 사용할 때, imgbb 에 이미지 파일을 한번 올려줘야 한다는 게 번거롭지만, 마크다운을 자유롭게 사용할 수가 있어서 굉장히 만족스럽습니다. 

 

현재 사용하고 있는 마크다운툴(맥 기준)

- nvALT

- Simplenote

- Obsidian