본문 바로가기

BLOG/Tool&Dev

github, gatsby 블로그 만들기 - 윈도우편

지난번엔 지킬(jekyll)을 설치했습니다.

 

이번엔 gatsby로 블로그 만드는 방법을 알아볼 것입니다.

 

https://www.gatsbyjs.org/

 

GatsbyJS

Bring your own data Gatsby’s rich data plugin ecosystem lets you build sites with the data you want — from one or many sources: Pull data from headless CMSs, SaaS services, APIs, databases, your file system, and more directly into your pages using GraphQL 

www.gatsbyjs.org

 

지킬테마는 html로 되어있고, gatsbyJS는 react로 되어있습니다. 

hexo는 node.js로 되어있다고 하네요 :) 

 

설치법은 어렵지 않습니다.

 

저는 blog 폴더안에 gatsby-blog 폴더를 만들어 그 안에다가 설치할거예요.

이런 식으로

 

그럼 일단 blog 경로로 가서 npm install -g gatsby-cli를 입력해 주세요.

npm install -g gatsby-cli

그리고 열심히 기다립니다.

 

설치가 끝났다면 그 다음 아래 코드를 입력해주세요.

gatsby new gatsby-blog https://github.com/gatsbyjs/gatsby-starter-default

여기까지 설치가 완료되었으면 

 gatsby-blog 폴더 경로로 들어가 줍니다.

 

cd gatsby-blog

그럼 현재 경로는 E:\blogE:\blog\gatsby-blog 겠지요?

그리고 난 후  gatsby-blog 폴더 경로에 gatsby develop를 입력해줍니다.

gatsby develop

그러면 열심히 뭐가 성공성공했다 하면서 localhost:8000에 들어가라고 나오네요.

 

들어가주는게 인지상정이죠.

 

 

 

잘 나오네요.

 

그럼 리액트 환경의 블로그를 만들 수 있습니다 ㅎㅎ!! 

 

 

 

그럼 모두들 좋은 블로그 만드세용