Gatsby
2 posts
Netlify로 Gatsby 블로그 자동 배포

이번에는 Netlify로 Gatsby 블로그를 자동 배포할 것이다. github 로그인과 Repository 설정, 빌드 커맨드 추가만으로 쉽게 배포를 진행할 수 있다. Netlify 홈페이지 1. git에서 import 좌측에 있는 녹색 버튼을 클릭한다. 연동 할 Git provider()를 선택한다. > 블로그 Repository를 선택하고 한다. 2. Site settings Branch to deploy, Build command, Publish directory를 설정한다. Branch to deploy : master Build command : npm run build Publish directory : public 설정을 다하고 를 누르면 build > deploy를 진행한다. 3. Domain settings 빌드 후 블로그 사이트의 대시보드가 생성된다. 생성 직후 이미지와 같이 이름이 임의로 정의된다. 그렇기 때문에 내가 원하는 이름으로 변경해주도…

2022.02.20
Gatsby
Gatsby 블로그에 utterances 댓글 기능 추가

기존에 jekyll 블로그를 사용하다가 마음에 드는 템플릿을 발견하여 Gatsby 블로그로 옮기게 되었다. 그리고 이번에는 댓글 기능도 추가하기로 했다. Repository 생성 및 Utterances 적용 1. public Repository 생성 블로그를 올리는 Repostoriy와 별개로 댓글만을 관리하는 Repository를 생성한다. 2. Utterances 앱 설치 🦄 utterances 앱 설치는 링크를 참고해주세요! 우측에 녹색 설치 버튼을 클릭하고, 항목을 선택해서 생성한 댓글 Repository를 설정한다. 3. 스크립트 추가 Utterances 에서 repo 및 Blog Post & Issue Mapping을 입력하면 설치 스크립트가 자동 생성된다. 자동으로 생성된 스크립트를 참고해서 에 내용을 추가해 준다. 4. 결과 화면 Reference https://sungchul-p.github.io/gatsby-utterances

2022.02.19
Gatsby