hexo +github를 이용하여 블로그 만들기
hexo와 github를 이용하여 블로그를 만들었다.
환경
- node.js
- github
Hexo 설치
1 | npm install hexo-cli -g |
원하는 디렉토리로 이동하여 hexo 초기설치를 해준다.
1 | hexo init [블로그명] |
설치가 완료되면
1 | hexo server |
localhost:4000에 접속하여 확인할 수 있다.
icarus 테마 적용하기
[블로그명] 디렉토리의 thems 폴더에 가서 icarus repo를 clone한다.
1 | cd ./themes |
그리고 clone된 hexo-theme-icarus 폴더의 이름을 icarus로 바꾼다.
1 | mv hexo-theme-icarus icarus |
그리고 나서 로컬로 다시 실행한다
1 | hexo server |
에러가 뜨면 필요한 패키지들을 설치한다.
설치가 안 될 경우 –legacy-peer-deps 플래그를 붙인다.
1 | npm install --save [모듈들]... --legacy-peer-deps |
설치 후 로컬로 다시 실행하면 icarus 테마가 적용된다
- 적용되지 않을 경우 ide를 껐다가 다시 킨 후 실행하면 된다.
1 | hexo server |
배포하기
깃허브는 사용자계정.github.io로 무료 호스팅된 페이지를 사용할 수 있게 해준다.
사용자계정.githob.io라는 이름의 저장소와 블로그 소스파일을 저장할 저장소 총 두 개의 저장소를 만든다.
그리고 Settings 페이지의 Github Pages 항목에서 Source 옵션을 Master or Main으로 설정한다.
다음 루트경로의 _config.yml 파일의 deploy항목을 다음과 같이 수정한다
1 | deploy: |
배포를 위해선 플러그인도 설치해주어야 한다.
1 | npm install --save hexo-deployer-git |
정적 리소스 생성하고 배포하기
정적 리소스는 다음과 같이 생성한다.
1 | hexo generate |
배포는 다음과 같이 한다.
1 | hexo deploy |
정적 리소스를 삭제하는 명령어는 다음과 같다.
수정했는데 업데이트가 되지 않을 경우 사용하면 된다.
1 | hexo clean |
정적 리소스 생성 및 배포는 다음과 같이 하면 된다.
1 | hexo deploy --generate |
소스파일 저장하기
1 | git init |