깃허브 블로그 만들기

Hexo 사용

hexo를 사용하겠습니다!

1. hexo 설치

사용하고자 하는 폴더에서 node랑 npm 버전 확인

https://nodejs.org 에서 다운가능

혹시 에러가 뜨는 경우

sudo로 실행(윈도우는 sudo가 없다)
hexo를 쳤을 때 아래 이미지와 같이 나오면 성공!

2. 디렉토리 만들기

• hexo init 이름
  
  
  
  을 해주면 위에 이미지처럼 생성된다.

• npm install로 추가 설치 확인
  추가로 설치할 요소들을 npm install 해준다.
  

그리고 서버를 띄운다.

- hexo generate
- hexo server

서버 실행되면 localhost로 페이지가 연결된다.
아래 이미지와 같이 페이지가 열리면 성공

3. 새글 작성해보기

package.json이 있는 곳에서 hexo new post "이름"으로 새글 작성해보기

vi로 md 수정

참고
vim 열고 'o'를 누르면 한줄 아래로 커서가 내려가면서 열린다.

수정 후에 public이 수정이 일어나면 다시 세팅해야하기 때문에 clean을 하고 generate 진행

4. hexo Github와 연결

• 깃허브에서 새로운 repository를 만들어줍니다.
  
  사용자이름을 동일하게 작성해야합니다.

새로 만들어준 github의 주소를 복사한 후에

vim으로 hexo의 config.yml 들어갑니다.


url : https://자기닉네임.github.io
repo : 깃에서 복사한 주소
로 작성해줍니다.

	※ url: 부분에 http:// 는 https://로 작성해야 합니다! 주의!!

• hexo를 Github에 배포하기 위한 패키지 설치
  

5. 테마 적용

next 테마를 사용합니다.

config에 들어가서 테마를 수정합니다.

hexo clean 및 적용

hexo server를 입력해서 서버를 다시 열어줍니다.

아까 들어갔던 localhostv 페이지를 들어가보면 테마가 변경된걸 볼 수 있습니다.

이젠 hexo에 새로 작성한 글과 테마 변경한걸 배포해줍니다.

이렇게 hexo를 이용해 블로그를 만드는 방법을 알아보았습니다!!

감사합니다.