github 블로그 만들기(Hexo)

Hexo 설치

Node.js 설치

터미널로 hexo 언어를 설치하기 위해 툴을 받아올 nodejs를 설치한다.
이 때, 버그 활발히 픽스가 진행중인 신버전보다 구버전 넘버를 권장한다.

Node.js: https://nodejs.org/en/

node를 설치할 때 path 설정(시스템 환경 변수)은 필수로 체크하며, 프로그램의 각종 오류를 c/c++로 해결하는 패치를 배포하기 때문에 chocolatey; c/c++ 환경 변수 설정도 체크하는걸 권장한다.
(chocolatey 설정이 좀 오래 걸리더라)

node가 정상적으로 동작하는걸 확인하기 위해 다음 명령를 터미널에 입력해 설치된 node.js의 버전을 확인할 수 있다.

1
$ node -v

#

각종 노드 명령어 확인은 다음 명령어로 확인할 수 있다.

1
$ npm

#

노드의 동작을 확인했으면 node.js 명령어를 이용해 원래 목적이었던 Hexo 언어를 설치한다

1
$ npm install -g hexo-cli

hexo 툴을 이용해 블로그 관리 툴을 불러와서 임의의 디렉토리명으로 저장한다.
1
$ hexo init 디렉토리명(myblog)

(hexo툴로 불러온 디렉토리명은 myblog로 통일해서 부르겠다)

myblog 디렉토리로 진입하거나 Pycharm 등의 편집 프로그램을 통해 진입한 뒤 git bash에 다음 명령어를 입력한다.

1
2
3
$ npm install
$ npm install hexo-server --save
$ npm install hexo-deployer-git --save

서버 생성과 배포를 위한 툴이 설치되었으니 서버 작동의 확인을 위해
1
$ hexo server

를 입력한 뒤 나오는 http 로컬 주소로 진입한다.
myblog를 github에 백업하려면 myblog repository를 생성하여 백업을 진행한다.

Hexo 블로그 배포하기

로컬 주소가 정상 작동되는게 확인됐으면 블로그를 온라인으로 배포해야하는데, 이 역할을 github에 특정 repository를 생성하여 진행한다.
repository 명은 [유저아이디.github.io]으로 생성한다.

github.io repository를 만들었으면 해당 repository에 블로그 형식을 저장하고 배포 주소를 설정해야한다.
_config.yml 파일에 진입해서 URL 정보와 깃허브 연동 주소를 설정한다.

1
2
#URL
url: https://유저아이디.github.io

1
2
3
4
5
# Deployment
deploy:
type: git
repo: https://github.com/유저아이디/유저아이디.github.io.git
branch: main

변경된 항목대로 서버를 생성하기 위해
1
$ hexo generate

를 입력하고
1
$ hexo server

로 정상 적용되었는지 로컬에서 확인한다.
정상적으로 적용되었다면 사이트 배포를 위해
1
$ hexo deploy

명령어를 사용해 사이트를 배포한다.
사이트 주소는 위 #URL에서 입력한 [https://유저아이디.github.io]와 동일하다.

외부링크

Pycharm 터미널 git bash로 변경하기

Github 업로드와 blog 작업을 위해 pycharm을 사용하고 있기 때문에 pycharm 터미널을 Windwos cmd에서 git bash로 변경할 필요가 생겼다.

git 설치경로 파악하기

우선 git bash(혹은 sh)를 불러오기 위해 git 설치경로를 파악해야한다.
내 경우는 E 드라이브에 설치했기에 E:\Sadness\Git가 Git 경로다.

Terminal 변경하기

pycharm 설정에서
[settings] - [Tools] - [Terminal] 경로에서
[Application Settings] - [Shell path: ]를 아래의 두줄 중 하나로 변경해준다.

1
2
"(git경로)\bin\bash.exe" --login
"(git경로)\bin\sh.exe" --login

Shell path

Shell integrationActivate virtualenv가 체크 해제되어있다면 체크해주자.

설정이 끝나면 Pycharm 하단 Terminal에서 git bash를 기본 값으로 사용하게된다.

외부링크