Hexo 블로그 깃헙과 연결하고 관리하기

Hexo 블로그를 깃헙에 연결하고 관리하는 방법에 대해 정리하려고 합니다.
블로그를 연결하고 관리하기 위해서는 2가지 레포지토리가 필요합니다. deploy 하여 깃헙 페이지가 될 레포 하나 와 소스들의 버젼관리를 위한 레포하나가 필요합니다.

1. deploy 하여 깃헙 페이지가 될 레포 설정

  • 깃헙 페이지용 레포 만들기 (Page를 이용해야함으로 public)
  • _config.yml 파일에서 아래 코드를 추가하기
1
2
3
4
5
6
7
8
9
10
11
12
# Extensions
## Plugins: https://hexo.io/plugins/
## Themes: https://hexo.io/themes/
Plugins:
- hexo-deployer-git
theme: icarus

# Deployment
## Docs: https://hexo.io/docs/deployment.html
deploy:
type: git
repo: {깃헙 페이지용 레포 이름}.git
  • hexo-deployer-git 플러그인 설치하기
    npm install ~
  • hexo generate 업데이트한 파일들을 빌드하기 (public 폴더에 대입)
  • hexo deploy 다음 명령어를 입력하면 블로그가 deploy!

2. 깃헙으로 관리할 레포 설정

  • 깃헙 관리용 레포 만들기
  • 깃헙 레포를 설정 할때와 동일,
    git remote set-url origin https://github.com/letsdoyi/{블로그 버젼관리용 레포}.git

Hexo Icarus Theme 커스터 마이징

Hexo는 블로그 프레임워크이며, 다양한 테마를 제공합니다. 그 테마 중 현재 사용 중인 Icarus라는 테마를 어떻게 커스터 마이징 하였는지 정리하고자 합니다. Icarus 테마는 다양한 위젯을 제공하며, 이 위젯을 켜고 끌 수 있습니다. themes/icarus/_config.yml 파일에서 커스터마이징을 할 수 있습니다.

화면 분할 (위젯 설정)

1
2
3
4
# Widget name
type: recent_posts
# Where should the widget be placed, left or right
position: {right}

현재 이 블로그처럼 article 공간을 좀더 크게 활용하고 싶다면 위젯을 한쪽으로 몰아 배치하면, 자동으로 article 부분의 공간이 넓어집니다.

post 내용을 일정 부분 숨기기

READ MORE을 표시하려면 자신이 작성한 post에 <!-- more --> 을 넣어주면 됩니다. 이 태그가 들어간 글의 앞부분은 Home 페이지에 노출이 됩니다.

thumbnail 넣기

자신이 작성한 post에 thumbnail:{이미지 주소}를 넣어 설정 가능 합니다.
저는 깔끔하고 차분한 분위기 블로그를 위해 thumbnail을 숨겨놓았는 데, 어떻게 해야 할지는 현재도 고민 중입니다.

<참고>
https://github.com/ppoffice/hexo-theme-icarus/issues/60

Your browser is out-of-date!

Update your browser to view this website correctly. Update my browser now

×