Gatsby로 username.github.io 블로그 만들기.

블로그를 다시 시작하기로 마음먹었다.
나름 개발자(?)이다 보니 기존에 있던 tistory를 버리고, mudchobo.github.io에 올려서 쓰기로 했다. 그러다보니 여러 static page generator 툴 중에 하나를 선택해야하는데, 아래 3개가 제일 유명한 것 같았다.

• jekyll: https://jekyllrb.com
• hexo: https://hexo.io
• gatsby: https://www.gatsbyjs.org

하지만 난 쉽게 고를 수 있었음. react를 제일 좋아하기에 gatsby를 선택했다!-_-
이 블로그를 만들기까지 기록을 해놓는다.

gatsby 설치

npm install gatsby

starter 선택

starter를 선택할 수 있는데, 블로그툴 중에 gatsby-default 제외한 제일 상위에 있는걸로 만들었다.
https://www.gatsbyjs.org/starters/alxshelepenok/gatsby-starter-lumen/

starter는 아래 사이트에서 확인할 수 있음.
https://www.gatsbyjs.org/starters/?v=2

gatsby new mudchobo.github.io https://github.com/alxshelepenok/gatsby-starter-lumen.git

개발모드 실행

gatsby develop

develop을 실행하면 개발모드로 실행하는데, 여기에 content에 있는 markdown문서를 추가하거나 편집하면 알아서 반영된다. 매우 편하게 글을 쓸 수 있다.

github.io 설정

github에 {username}.github.io repository를 생성.
initial은 하지 않음. remote만 추가한다.

git remote add origin https://github.com/mudchobo/mudchobo.github.io.git

소스는 별도 브랜치를 따서 관리한다. 왜냐하면 {username}.github.io는 기본적으로 master를 서빙하기 때문임.
deploy 시에 브랜치를 마스터로 명시하게 수정한다.

package.json
"deploy": "yarn run clean && gatsby build --prefix-paths && gh-pages -d public -b master"

배포

yarn deploy

해당 remote에 master에 배포된다. 소스 수정은 source라는 별도 브랜치로 따서 작업하면 된다.