Carpe diem

Hexo "fact"로 Theme 연결

2018-05-27 / Posted in blog, theme

OS : "ubuntu 16.04 LTS"
편집기 : "Visual Studio Code"
hexo 문서 url : https://hexo.io/ko/docs//themes.html

 Git page에 Hexo 연동 후에 Theme 연동

Theme Install연동

1. Theme Clone

1
2
3

# 원하는 테마를 clone
$ cd <path-to-hexo-folder>/themes
$ git clone https://github.com/artchen/hexo-theme-fact.git fact

2. hexo 수정해서 설치된 Theme 연결

blog/_config.yml($(path-to-hexo-folder)/_config.yml)을 편집기로 연 후에 #Extensions으로 이동 후 아래와 같이 clone한 Theme 이름으로 편집을 해줘야 연결이 됩니다.

# Extensions
## Plugins: https://hexo.io/plugins/
## Themes: https://hexo.io/themes/
theme: fact

3. Theme Config파일을 수정을 통해서 커스텀마이징

1. fact/_config.yml 수정
use url, not username 항목으로 이동해서 
email, github, twitter, google 리스트에 자신의 정보를 넣어준다.
2. 프로필 사진 변경
fact/source/css/images/avatar.png 에 연결된 이미지가 있습니다. 
자신의 프로필사진을 저 파일로 대체를 해도 되고 아니면 검색을 해서 원하는 프로필사진 파일명으로 변경 하면 됩니다.
3. bio.ejs 편집
"<!-- About Me -->" 항목에 <div class="info"> 아래에 
href을 자신의 github나 자신의 블로그로 연결 해 줍니다.

4. Server에 수정된 파일 반영

1	$ hexo clean && hexo deploy --generate

변경된 theme

hexo_fact_theme

Github, Hexo, Ubuntu, fact, theme