hexo를 이용해서 블로그를 설치하는 방법

hexo를 이용해서 블로그 설치하기

---

hexo 설치하기

---

hexo 설치하기 위해서는 기본적으로 설치해야할 것이 2가지가 있다.

• Node.js
• Git

위 2개를 설치했다면, 먼저 npm을 사용해서 hexo를 설치해야 한다.
나같은 경우에는 git을 관리하는 dev 폴더안에서 설치했다.

npm install hexo-cli -g

본인이 원하는 이름(나의 경우: myblog)으로 hexo init을 하고, npm을 설치한다.

hexo init myblog
cd myblog
npm install

hexo 서버를 통해 구축된 hexo 기본 사이트를 확인한다.

hexo server

위와 같이 따라서 설치하면 기본적인 hexo 블로그를 로컬 호스트로 구축을 할 수 있다.

Github에서 제공하는 github.io로 사이트 구축하기

---

hexo 블로그를 사용하기 위해서는 깃헙에서 제공하는 블로그용 깃헙사이트가 필요하다.

Github에서 블로그용으로 만들 repo를 생성한다.
repo를 username.github.io 이런식으로 만들면 된다.

내 컴퓨터로 클론한다.
나같은 경우 dev 폴더안에서 클론했다.

git clone https://github.com/cheonmro/cheonmro.github.io.git

_config.yml에서 세팅하기

---

실제 사이트 url로 배포하기 위해 기본적인 세팅이 필요하다.
세팅 관련해서는 항상 _config.yml에서 한다.

앞으로 hexo 블로그를 이용해서 작성할 모든 내용들을, 위에서 생성한 블로그용 깃헙에서 관리를 할 것이기 때문에, 아래와 같이 type에 git으로 하고, repository에 자신의 블로그용 깃헙 주소를 작성한다.

deploy:
  type: git
  repository: https://github.com/cheonmro/cheonmro.github.io
  branch: master

구축한 사이트 배포하기

---

지금까지 구축한 hexo 블로그를 배포(deploy)한다.

hexo deploy

위 명령어를 실행하게 되면, 자동으로 commit, push가 되어, 깃헙과 웹사이트(블로그)에 파일들이 generate되어, 기본적인 사이트 구축이 완성되게 된다.(웹사이트 자체를 배포할 때 사용한다.)

위에서 구축한 사이트를 직접 확인한다.

https://cheonmro.github.io/

hexo 블로그의 테마를 바꾸는 방법

---

위와 같이, 기본적인 hexo 블로그 설치는 간단한다.
기본적으로 themes 폴더안에 있는 landscape 테마를 바탕으로한 기본 사이트가 구축된다.

hexo 블로그에서 테마를 바꾸고 싶을 때는, 원하는 테마를 themes 안에 가져오고, _config.yml에서 theme의 이름만 바꿔주면 된다.

원하는 테마를 themes 폴더안으로 git clone 한다.
(나같은 경우는 hexo-theme-hipaper 테마를 사용했다.)

git clone https://github.com/iTimeTraveler/hexo-theme-hipaper.git

_config.yml에서 theme 옆에 이름을 새로 변경할 테마의 이름으로 바꾼다.

theme: hexo-theme-hipaper

기존 테마를 지우고, 새로 변경할 테마로 바꾸려면, hexo 블로그를 다시 배포(deploy)해야한다.

hexo deploy

위와같이 하면, Github의 파일들이 새로 변경할 테마의 내용들로 바뀌고, 사이트 또한 새롭게 변경된다.

만약, “Deployer not found: git” 이라는 에러가 난다면, deployer를 설치하면 된다.

npm install hexo-deployer-git --save

그리고, 다시 배포한다.

hexo deploy