정모/2022.03.02 (rev. 1.17)
- 김동욱 학우님 : 'Nextjs Blog template가져와서 github page로 static build하기'
1.1. template 찾기 ¶
- github에서 react blog template 발견
- README에 친절하게 Guide가 나옴 (단 문서를 꼼꼼히 읽어야 정상적으로 진행가능)
1.2. customizing ¶
- meta 및 다른 옵션들을 자신의 blog에 맞게수정
- npm 설치
npm install --save ph-pages
- GitHub에 사용자이름.github.io 이름으로 repo 생성
- project commit 및 push
- script 태그 안에 아래 코드 입력 (vercel이나 netlify를 이용할 경우 수정 X)
"deploy": "next build && next export -o docs && touch docs/CNAME && touch docs/.nojekyll && gh-pages -t true -d docs"
- deploy 옵션 설정 (Setting -> Pages -> Source branch를 gh-pages로 변경)
- image 태그 수정 (https://d.pr/n/RKxldy)
Q:
GitHub Pages의 장점?
A: 다른 tool로 배포하는 것과는 달리
GitHub로 배포하면 기술 블로그다라는 것을 보다 쉽게 명시할 수 있음.
+ url 포워딩도 가능함. (CNAME 파일만 만들면 됨)
Q: 블로그에 대체로 어떤 내용을 쓰시나요?
A: 직접 하면서 배운 내용들을 적으려고 함. 최근에는 React, Nextjs 위주로 쓰고 있음.
- 새싹교실 현황 공유
- 강사 7명 모집
- 3/3 오후 8시 강사교육 진행
- 3/5 오후 4시 새싹교실 설명회
- 3/9 새싹교실 시작