Session- Gatsby로 블로그 만들기

벨로그

미디엄

티스토리

 

네이버는 거의 안씀. 

네이버는 동적블로그이다. 그 의미가 무엇이냐면 내가 블로그를 쓰면 네이버 데이터베이스에 텍스트만 저장된다. 제목, 날짜 , 내용이 저장된다. 그 의미는 안에 어떠한 코드를 적든 다 텍스트로 취급되기 때문에 커스터마이징에 한계가 있을 수 밖에 없다. 주어진 소스들만 이용하여 블로그를 꾸밀 수 있다는 점이... 개발자에게는 크게 좋지 않다고하여 그렇다더라.

 

개츠비는 깃헙에 커밋이 되기때문에 잔디밭관리가 좋음. 블로그를 쓸 수 있는 소스코드가 오픈되어 있음.

개츠비는 정적블로그다. 파일자체를 불러온다. 그 파일이 마크다운형식이다.

구글에 마크다운 신택스 쳐보자.

마크다운 개념이 약속이다. 마크업 반대인데 약속된 규칙이 있어서 html로 바뀌는 것.

마크업언어인 html은 설정해놓은것들이 화면에 표시되는 거니까.

 

 

배포

배포(Deploy)한다. or  디폴로이한다. 

 

$ Node -v

$ npm -v

해보고 버전확인을 한다.

Node js가 설치 되어 있는지 확인하는 단계

LTS버전이 안정화되어 있는 거고 최신꺼라고 해서 좋지는 않다.

 

$ npm install -g gatsby-cli

개츠비를 설치한다.

 

프레임워크가 뼈대같은것이고

라이브러리가 함수들이 모여있는 것인데 개츠비는 블로그 프레임워크

 

개츠비  https://www.gatsbyjs.org/starters/?v=2 여기서 테마를 고를 수 있다.

일단 Gatsby-starter-lumen 으로 테마를 따라 하였다. 

 

$ npm install -g gatsby-cli

-->>여기서 cli은 command line interface이다.

 

$ gatsby new blog https://github.com/alxshelepenok/gatsby-starter-lumen

라고 치면 저 스타터 루멘 스킨을 가져 온다. 이렇게 하면 프레임워크가 내 컴퓨터에 받아지는데 

$ cd blog

를 쳐서 파일을 확인해 본다. 설치가 잘 되었는지 확인하기 위해 

$ npm run develop 을 쳐보면 된다.

localhost:8000

으로 가면 내가 정한 블로그 형태를 확인할 수 있다. 이러한 뼈대를 가지고 있고 여기서 내가 손보면 볼 수록 나만의 개성있는 블로그를 만들 수 있다.

 

$ vi config.js   -->>기본 정보 고쳐야 하는데 일단 url:http://깃헙유저네임.github.io/를 해야한다.

$ vi package.json 

-->> 여기서는 크게 수정할 부분이 없는데 블로그 스킨 기본이 yarn 으로 되어 있어서 npm 으로 고치면 된다. 

 

그리고 깃헙가서 새로운 리포지터리를 만들어야한다.

레포지터리 이름을 잘 적어야 되는게 연동을 해야 하기 때문이다.

그렇게 하고 config.js 에서 module export 밑에 url옆을 다시 설정해줘야 한다.

 https://깃헙유저네임.github.io/ 

 

 

--------------------------여기까지 기본설정 이고 이제부터 블로그 올릴 때 반복해야 할 것들 -----------------------

 

 

깃과 연동 시키고 

git remote add origin 새로만든 깃레퍼지토리주소

git remote -v : 리모트 확인하고

git add . : add 하고

git commit -m "first commit" : 커밋을하고

git push origin master : 마스터에 푸시를 한다.

그리고!!

git branch develop ; develop 브랜치 하나 만들고

git checkout develop  : develop 체크아웃한다음

다시 반복이지만 commit은 안해도됨

git add .

git push origin develop

하면 올라가고

npm run deploy

: 배포

하면 끝 .

 

그리고 아까 내가 지정한 주소로 들어가면 나의 개츠비 블로그가 만들어 진다.