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

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

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

깃헙 페이지용 레포 만들기 (Page를 이용해야함으로 public)
_config.yml 파일에서 아래 코드를 추가하기

# 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

2020-03-23

Playground

2 minutes read (About 323 words)

Hexo Icarus Theme 커스터 마이징

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

화면 분할 (위젯 설정)

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

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

post 내용을 일정 부분 숨기기

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

thumbnail 넣기

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

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

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

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

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

Hexo Icarus Theme 커스터 마이징

화면 분할 (위젯 설정)

post 내용을 일정 부분 숨기기

thumbnail 넣기

Recent

Categories

Tags

Your browser is out-of-date!