{"componentChunkName":"component---src-templates-post-template-jsx","path":"/works/posts/2020-12-09--001","result":{"data":{"site":{"siteMetadata":{"title":"Blog by Eunyoung","subtitle":"작업 기록 블로그","copyright":"© All rights reserved.","author":{"name":"EunYoung","twitter":"#"},"disqusShortname":"","url":"https://ssongey.github.io"}},"markdownRemark":{"id":"d89cd7fc-6a8b-5009-9e8f-b8258cfe70c0","html":"

1. gatsby-cli 설치 및 프로젝트 생성 (lumen 테마 사용)

\n
$ yarn add -g gatsby-cli\n$ gatsby new devHistoryBlog https://github.com/GatsbyCentral/gatsby-v2-starter-lumen
\n

2. gatsby 로컬 서버 구동 (기본포트 8000)

\n
$ cd devHistoryBlog\n$ gatsby develop
\n

3. github repository 연동

\n
//git remote add origin [repository_url]\n$ git remote add origin https://github.com/SangBeo/devHistoryBlog.git
\n\n

3.1. develop 브랜치 생성

\n
//-m 옵션을 이용하여 develop 브랜치로 이동\n$ git branch -m develop
\n

3.2. 커밋과 푸쉬

\n
$ git add *\n$ commit -m \"init commit\"\n//push 시 -u 옵션을 붙여 이후 push 할때마다 develop 브랜치로 푸쉬한다\n$ git push -u origin develop
\n

\n \n \n \n \n \n \n \n \n \n
\n그럼 위와 같이 develop 브랜치에 소스 push가 된다.

\n

4. gh-pages 설치 및 설정 파일 수정, 그리고 Deploy

\n
$ yarn add --dev gh-pages
\n

4.1. gatsby-config.js 수정\n\n \n \n \n \n \n \n \n \n \n

\n\n

4.3. Deploy

\n
//build 및 master branch로 push\n$ yarn deploy
\n

5. 실행

\n
http://sangbeo.github.io/devHistoryBlog
","fields":{"tagSlugs":["/tags/gatsby/","/tags/react/"],"slug":"/works/posts/2020-12-09--001"},"frontmatter":{"title":"Gatsby 구축","tags":["Gatsby","React"],"date":"2019-08-18","description":"gatsby + gh-pages + github"}}},"pageContext":{"slug":"/works/posts/2020-12-09--001"}},"staticQueryHashes":[]}