WebHexoSetUp

Hexo SetUp

Hexo, Hexo SetUp, NodeJS, npm

1. Node.js가 설치된 상태의 터미널에서 npm i -g hexo-cli 입력

1
2
# npm 을 이용해 hexo-cli 설치
$ npm i -g hexo-cli

2. hexo init blog 입력

1
2
3
4
5
6
# hexo init 만 실행하면 현재 디렉토리에서 초기 설정파일 생성
# 아래는 blog 라는 이름의 폴더를 생성해서 그 안에 Hexo 블로그를 위한 초기 설정파일들 생성
$ hexo init blog
...
# 마지막에 아래와 같은 문구가 나오면 Hexo 블로그 초기 설정파일 생성 성공
INFO  Start blogging with Hexo!

3. hexo를 사용하기 위한 node_modules 설치

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
# hexo init 으로 현재 디렉토리에서 설정 파일을 생성했다면 현재 위치에서 npm install 을 실행한다.
# 아래는 blog 라는 이름의 폴더를 생성했을 경우 blog 폴더로 디렉토리 이동
$ cd blog
# 파일의 내용을 보여주는 cat 명령어로 package.json의 내용 확인
blog $ cat package.json
{
  "name": "hexo-site",
  "version": "0.0.0",
  "private": true,
  "hexo": {
    "version": ""
  },
  "dependencies": {
    "hexo": "^3.2.0",
    "hexo-generator-archive": "^0.1.4",
    "hexo-generator-category": "^0.1.3",
    "hexo-generator-index": "^0.2.0",
    "hexo-generator-tag": "^0.2.0",
    "hexo-renderer-ejs": "^0.2.0",
    "hexo-renderer-stylus": "^0.3.1",
    "hexo-renderer-marked": "^0.2.10",
    "hexo-server": "^0.2.0"
  }
}
# npm install 으로 package.json에 있는 "dependencies"의 값에 저장돼 있는 모듈들을 설치
blog $ npm install

4. hexo가 제대로 설치 됐는지 확인

1
2
3
4
5
6
# hexo server 명령어 실행
blog $ hexo server
INFO  Start processing
INFO  Hexo is running at http://0.0.0.0:4000/. Press Ctrl+C to stop.
# 위와 같이 나온다면 성공
# 브라우저 주소창에 http://0.0.0.0:4000/ 를 입력해서 hexo 블로그가 생성된걸 확인 할 수 있다.
Share