강인규 블로그

0%

hexo을 포멧/다른 컴퓨터에 환경을 구축하기

작성일 Edited on In , Disqus:

hexo을 포멧이나 다른 컴퓨터에 환경을 구축

이 정적 사이트 생성기(Static site generator)는 컴퓨터에 환경을 구축하고 다른 컴퓨터에서 작업을 할려니 버거롭기가 여간 힘든것이 아닙니다. 다시 다운로드하고 만들고 기억이 나면 좋지만 그렇지 않을때에는 다시 인터넷에 도움을 받아야 합니다. 그래서 쉽게쉽게 가자는 마음으로 정리 한번 해 봅니다.

초간단 HEXO와 hueman 테마 설치하기에 있습니만 이 포스트는 테마설치를 중점으로 두었고 기타부분은 겉절이 형식으로 두었습니다. 이번에는 환경구축을 주제로 일단 한번 해보신분들을 위해 적었습니다.(사실 전 잘모릅니다. 그냥 제가 필요해서 적은 것이지 꼭 이렇다 하는것은 아닙니다.)

시작하기

1. Git설치, NodeJs설치

bash 창 시작(원도우 cmd)

github에 페이지 만들었다고 생각에 적지 않았습니다.
궁금하신 분은? GitHub Pages 만들기(Hexo용)으로…

2. Hexo 설치

1
$ npm install -g hexo-cli

3. 저장소 만들기와 deployer플로그인설치

1
2
3
4
5
$ hexo init Blog
$ cd Blog
$ npm install
$ npm install hexo-server --save # server 명령문이 실행 되지 않을 경우
$ npm install hexo-deployer-git --save # Git 서버 배포 플러그인

4. hueman테마 설치

1
2
3
4
$ cd Blog # 루트 폴더 이동
$ pwd # 디렉토리 확인 (원도우면 cd)
/Blog
$ git clone https://github.com/ppoffice/hexo-theme-hueman.git themes/hueman

테마 변경하지 않았다면 _config.yml 파일에 테마번경

파일 안
1
2
# Extensions
theme: hueman

5. 검색 플로그인 설치

1
$ npm install -S hexo-generator-json-content # 검색을 위해서

6. 대표 URL 설정하기

1
$ npm install --save hexo-auto-canonical

theme/hueman/layout/common/post/head.ejs파일안 <%- meta(page) %>바로 밑칸에 있는지 확인 없으면 추가

1
<%- autoCanonical(config, page) %>

배포후 소스를 열어보면 <head> 태그에 cononical 속성이 추가된 것을 확인

7. 사이트맵 자동 생성 플러그인

generate 할 때 자동으로 만듭니다.

1
$ npm install hexo-generator-seo-friendly-sitemap --save

메인 _config.yml 파일에 다음과 같이 없으면 추가할것

1
2
3
# sitemap auto generator
sitemap:
    path: sitemap.xml

8. RSS feed 자동 생성 플러그인

1
$ npm install hexo-generator-feed --save

메인 _config.yml 에 아래와 같이 없으면 추가할것

1
2
3
4
5
feed:
  type: atom
  path: feed.xml
  limit: 20
  hub:

배포하면 root 에 sitemap.xml 과 feed.xml 이 생긴 것을 확인

구글이나 어디에 사이트맵 체출 (구글이면 크롤링 > Sitemaps)

PS. Git 최초 설정

배포전 Git 이메일과 유저 입력할것

1
2
$ git config --global user.email "a@a.com" # a@a.com은 자신의 github 이메일 입력
$ git config --global user.name "name" # name는 github 사용자 이름을 입력

마치며

여기까지 기본적으로 hexo환경 구축입니다. 다소 경황이 없게 나열한것 같습니다만 그래도 짦게 적는다고 생각에 적었습니다. 나머지는 밑의 링크로 가시면 그나마 자세히 나옵니다. 이 포스트는 한번 철치 해보고 나서 다시 설치할때 쓸려고 만든 것으로 이 포스트만 보시면 이상할수도 있지 않을까 생각 됩니다. 처음이신분은 밑의 링크로 가서 하나하나 해보시면 좋겠습니다.

관련 문서 바로가기