#Git page

Github repository 생성

  • new repository
  • repository 이름을 USERNAME.github.io
  • create repository

#Hexo

사전설치

  • Node.js, npm
  • Git

Hexo CLI 설치 및 블로그 생성

1
2
3
4
$ npm install hexo-cli -g
$ hexo init blog
$ cd blog
$ npm install

설정파일 업데이트

root 디렉토리에 생성된 _config.yml이라는 파일을 다음과 같이 수정

  • Site 정보 - 블로그 이름과 소개

    1
    2
    3
    4
    title: 블로그 이름
    subtitle: 
    description:
    author:

  • URL 정보

    1
    2
    3
    4
    url: https://username.github.io
    root: /
    permalink: :year/:month/:day/:title/
    permalink_defaults:

  • Github 정보 - 본인의 Git page의 정보를 입력

    1
    2
    3
    4
    # Deployment
    deploy:
      type: git
      repo: https://github.com/username/username.github.io

로컬에서 테스트

로컬에서 서버를 실행시켜 블로그 확인

1
& hexo server

http://localhost:4000

Hexo deployer 설치

1
$ npm insatll hexo-deployer-git --save

#Post 작성 및 배포하기

Create a new post

source/_posts 폴더에 markdown 파일 생성됨

1
$ hexo new "My New Post"

Generate static files

1
2
3
$ hexo generate
또는
$ hexo g

Deploy to remote sites

1
2
3
$ hexo deploy
또는 
$ hexo d

Theme 변경시 또는 페이지 업데이트 안될 경우

hexo를 clean하고 재배포해야 적용됨

1
2
3
4
$ hexo clean
$ hexo deploy --generate (Generate와 Deploy 동시에 실행)
또는
$ hexo d -g

#테마 변경하기

원하는 테마 선택

https://hexo.io/themes/index.html

해당 테마의 github로 이동해 설명 참고

테마설치

블로그를 생성했던 폴더로 이동해 themes 폴더에 github에 있는 소스 clone (아래 코드는 clean-blog라는 테마를 적용했다)

1
$ git clone https://github.com/klugjo/hexo-theme-clean-blog.git clean-blog

  • theme 폴더를 보면 기본으로 적용되는 landscape 테마 폴더 존재함
  • 여러개의 테마 폴더가 있어도 상관없음

    현재 이 블로그는 ‘tranquilpeak’이라는 테마를 적용함 (심플하고 이쁘지만 세세한 설정하는데 꽤 많은 시간이 소요되었다…)

테마설정

  • themes/clean-blog 경로에 있는 _config.yml 수정해 테마 설정
  • 블로그의 최상위 경로에 있는 _config.yml 수정해서 블로그에 테마 적용

Tags 페이지 생성

1
$ hexo new page "tags"

page를 생성하면 source 경로에 tags 폴더가 생기고 index.md 파일 생성됨. 아래처럼 수정

1
2
3
4
---
title: tags
type: "tags"
---

Categories 페이지 생성

1
$ hexo new page "categories"

page를 생성하면 source 경로에 tags 폴더가 생기고 index.md 파일 생성됨

1
2
3
4
---
title: categories
type: "categories"
---

테마 적용

블로그 최상단 폴더의 _config.yml 수정

1
2
3
4
# Extensions
## Plugins: https://hexo.io/plugins/
## Themes: https://hexo.io/themes/
theme: clean-blog

1
2
$ hexo clean
$ hexo d -g

참고사이트

https://hexo.io

https://www.holaxprogramming.com/2017/04/16/github-page-and-hexo/

https://kdydesign.github.io/2017/07/07/hexo-themes/#

https://jeyolog.github.io/2018/08/11/tranquilpeak-configuration/