HEXO 로 github 블로그 만들기
개인적으로 공부하는 내용 (언어, 알고리즘) 들을 TIL 레포에 올리고는 있지만 블로그를 만들어서 운영해보는 것도 좋겠다는 생각이 들었다.
예전에 Jekyll 을 사용해서 깃허브 블로그를 만들어본적이 있다. 루비 기반의 정적 사이트를 제작할 수 있는 프레임워크..라고 알고는 있는데, 루비도 모르고 마크다운도 모르고 HTML, CSS 도 모르는 채로 무작정 구글링해서 만든 블로그여서 커스터마이징이 쉽지 않았다. 아무것도 모르니까...😂 지금은 HTML, CSS 도 어느정도 아니까 프론트엔드 연습 + TIL 기록용으로 블로그를 다시 만드는 것도 좋겠다는 생각이 들었다.
github page를 사용해서 정적 사이트를 만들만한 프레임워크는 다음과 같은 종류들이 있는 것 같다.
Jekyll
- 루비 기반
- 만들어 본 경험이 있음
Hugo
- Golang 기반
- 한국어로 된 자료가 적음
Hexo
- Node.js 기반
- 다양한 테마 적용 가능
- Node.js 공부 예정 (⭐가장 큰 이유)
이러한 이유로... Hexo를 이용해서 정적 블로그를 만들어보기로 했다!
시작하기 전에...
Hexo 를 이용한 블로그 만들기를 시작하기 전에 다음과 같은 준비물이 필요하다.
- github page
- npm
시작
- 글로벌하게 hexo-cli를 설치한다.
>npm install hexo-cli -g
- hexo로 blog 프로젝트를 만들어준다.
>hexo init blog
>cd blog
\blog>npm install
- 만든 프로젝트는 로컬에서 확인 가능
>hexo server
>npm install hexo-cli -g
>hexo init blog
>cd blog
\blog>npm install
>hexo server
hexo-deployer-git
- hexo 를 github 에 배포하기 위한 패키지 설치
npm install --save hexo-deployer-git
-
_config.yml
파일 수정 (배포를 위한 설정)
-
배포를 위한 정적 리소스 생성
>hexo generate
- 배포
>hexo deploy
-
github에서 hexo 블로그 내용 올라간 것을 확인
-
저장소명으로 웹사이트 접속
https://mhlee21.github.io/
Author And Source
이 문제에 관하여(HEXO 로 github 블로그 만들기), 우리는 이곳에서 더 많은 자료를 발견하고 링크를 클릭하여 보았다
https://velog.io/@mhlee21/HEXO-로-github-블로그-만들기
저자 귀속: 원작자 정보가 원작자 URL에 포함되어 있으며 저작권은 원작자 소유입니다.
우수한 개발자 콘텐츠 발견에 전념
(Collection and Share based on the CC Protocol.)
npm install --save hexo-deployer-git
_config.yml
파일 수정 (배포를 위한 설정)
배포를 위한 정적 리소스 생성
>hexo generate
>hexo deploy
github에서 hexo 블로그 내용 올라간 것을 확인
저장소명으로 웹사이트 접속
https://mhlee21.github.io/
Author And Source
이 문제에 관하여(HEXO 로 github 블로그 만들기), 우리는 이곳에서 더 많은 자료를 발견하고 링크를 클릭하여 보았다 https://velog.io/@mhlee21/HEXO-로-github-블로그-만들기저자 귀속: 원작자 정보가 원작자 URL에 포함되어 있으며 저작권은 원작자 소유입니다.
우수한 개발자 콘텐츠 발견에 전념 (Collection and Share based on the CC Protocol.)