본격적인 일기를 쓰기 위해서 블로그를 새로 만들었다.
블로그를 만들기 위해서 사용한 도구는 Gatsby이다. Gatsby는 정적 사이트 생성기이고, React를 기반으로 작동한다. 최근에 React를 공부하고 있기 떄문에, 이 도구를 쓰는 게 도움이 되지 않을까 생각했다.
블로그를 생성하기 위한 기본 틀은 gatsby-starter-blog를 사용했다. gatsby에서 제공하는 템플릿인데, starter라는 이름에 맞게 레이아웃이나 스타일이 정말 기본적이고, 아무것도 없다.
그래서 나는 고치고 싶은 부분들을 리스트로 정리해서 하나하나 하기로 했다.
- emoji 적용하기
- gatsby-remark-emojis 2019.9.3 - font 가독성 좋게 바꾸기
- now 연동해서 풀 리퀘스트 자동 배포하기
- code block theme 설정 - gatsby-browser.js - import “prismjs/themes/prism-tomorrow.css”
- 이미지 클릭 시 새 창이 아닌 블로그 내에서 띄우기
- github actions로 자동 배포하기
- excluding draft blog on build
- about 페이지 만들기
- 새로운 게시글을 만드는 script 생성 - Jbee 님의 스크립트를 참고하여 생성 (감사합니다)
- 몇 분짜리 글인지 표시 - gatsby-remark-reading-time
- 카테고리 넣기
- 댓글 달기 - https://utteranc.es/
- Light/Dark Theme 넣기
- 글 내의 목차