gatsby 로 blog 만들기 간략 정리

funnystyle·2018년 11월 8일
1
post-thumbnail

0. gatsbyjs.org 참고

1. github repository 생성

https://www.github.com/funnystyle/blog

2. github desktop 설치

https://desktop.github.com/

3. repository clone

  • D:\dev\github\blog 에 클론함

4. VSCode 설치

https://code.visualstudio.com/

  • VSCode plugin 설치
    • Atom Keymap
    • Korean Language Pack for Visual Studio Code
    • Markdown Preview Github Styling
    • EditorConfig for VS Code
  • terminal default 를 git bash 로 변경(개취)

5. git 설치

https://git-scm.com/

6. nodejs 설치

https://nodejs.org/ko/

7. gatsby 설치

8. gatsby-starter-default download

https://github.com/gatsbyjs/gatsby-starter-default
zip 파일을 다운받아 D:\dev\github\blog 에 압축 해제 후 아래 코드 실행

http://localhost:8000 에서 화면 확인

9. package.json 정보 변경

10. editorconfig 설정

https://editorconfig.org/
https://marketplace.visualstudio.com/items?itemName=EditorConfig.EditorConfig
https://stackoverflow.com/questions/47357322/editorconfig-for-visual-studio-code

11. deploy to github pages

https://www.gatsbyjs.org/docs/how-gatsby-works-with-github-pages/

12. netlify

https://www.netlify.com/
github 계정으로 로그인 후
해당 repository 만 deploy 설정하면 끝

profile
책수집病/최신病

0개의 댓글