피곤한 Markdown 은 이제 그만
블로그를 작성해보기 위해서 IDE 를 켤때면 늘 이런 생각이 들었다.
정적 사이트 생성기 (astro, hugo, hexo 등등) 은 브런치나 티스토리 처럼 편하게 작성할 수 없을까?
검색해보면 많은 방법이 있었다. 다만 내 상황에 맞지 않는 것들이 대부분이라서 문제였을 뿐.
내 조건에선 다음을 만족해야했다.
- 외부에 자동 배포하는 시스템 필요없음
- 돈을 내고싶지는 않음
- frontmatter (게시글 메타정보) 를 쉽게 입력할 수 있어야함
- 글 작성 창에서 적당히 글쓰기 도구가 제공될 것
이를 만족하는 CMS 툴이 있었으니 그게 바로 Frontmatter CMS 였다.
바로 Frontmatter CMS 에 대해서 알아보자.
Getting Started
시작화면을 들어가면 아주 간단한 Installation 네 줄과 뭔가 친숙한 얼굴의 양형님 영상이 올라와있다.
영상은 역시 귀찮으니까 따로 보진 않았다.
10초만에 설치
진짜 그냥 VSCode 에서 extension 설치하면 설치는 끝이다. 하고나면 이런 화면이 반겨준다.
일일히 글 들어가서 다 확인할 필요없이 태그별, 카테고리별 기본적인 요약 내용등을 한눈에 볼 수 있다.
글 작성 도움
해당 기능 소개 및 설정 방법
일단 Frontmatter 를 설치하고 옵션을 켜면 위와 같은 익숙한 글쓰기 도구가 우리를 반긴다. Markdown 을 사용하다보면 기억이 안나서 못쓰던 양식도 글쓰기 도구와 함께라면 OK 이다.
Front Matter 를 편리하게 입력
해당 기능 소개 및 설정 방법
위와 같이 설정만 잡아주면 포스팅 생성 후 저렇게 frontMatter 를 설정할 수 있는 UI 를 제공한다. 직접 기억해서 써야했던 때를 떠올려보면 이게 얼마나 혁명적인지 깨닫게된다.
일단 태그 뭐있었는지 기억안나서 계속 새로운 태그가 탄생하는 일이 줄어든다.
외부에 자동 배포는 필요없음
나는 Vercel 같은 곳에 외부 배포 플랫폼에 배포하지 않는다. 뭐 개인적으로 서버가 온전히 내 컨트롤 안에 있기를 원해서 개인 서버에 호스팅한다. 근데 CMS 툴을 뒤져보다보면 대다수가 이런 외부 배포에 얽혀있었다.
그런면에서 Frontmatter CMS 같은 경우엔 단순히 VSCode 같은 IDE 에서 확장프로그램으로써 필요한 도움만 준다. 뭔가 단일 책임원칙을 지키는 듯한 (?) 느낌이다. 불필요한게 없어서 빠르다.
돈을 내고싶지는 않음
글 쓰겠다는데 글 쓰는 도구에 돈까지 내고싶진 않았다. 역시나 Frontmatter CMS 는 돈을 지불하지 않아도 된다.
추가적인 혁명의 기능들
개발을 조금 할 줄 안다면. 아니, 개발을 못해도 복붙을 좀 할 줄 안다면 이런 기능도 사용할 수 있다.
미디어 스크립트 라는 커스텀 스크립트 기능인데 해당 기능을 이용하면 아래와 같은 일을 할 수 있다.
NOTEwebp, jpeg 같은 이미지를을 즉시 webp 로 바꿔주는 기능
FrontMatter UI 에서 제공하며 버튼 딸깍이면 바로 webp 로 바꿔준다.
굳이 이미지 용량 낮추려고 온라인 무료 컨버팅 도구까지 찾아가서 드래그 앤 드롭을 하고 시간을 기다리거나 광고를 봤다가 다운로드 받아야하는
귀찮은 일을 그냥 한번에 해결해주는 것이다.
단순히 windows 에서 win + shift + s 로 캡쳐 한번 뜨고 글에 ctrl + v 후 convert 만 눌러주면 webp 뚝딱이다.
이것 말고도 게시글 배포 시 자동으로 X, facebook 에 뿌리는 기능도 있다.
사실 스크립트 짤 수 있는 것 자체가 이미 원하는 기능이 있다면 extension 으로 구현할 수 있다는 뜻이다.
이 글이 도움이 되었다면 더 많은 분들께 공유해 주세요!
일부 정보가 오래되었을 수 있습니다