Git bash로 Hexo 블로그 만들기

만드는 과정을 기록합니다.

---

🌏 환경설정

$ cd Documents
$ cd dev
// dev 폴더 안으로 이동

$ npm -v ~~node.js
// node.js 설치여부 및 버전 확인

$ npm install -g hexo-cli
// (npm 인스톨 안 될 경우 git bash를 관리자 권한으로 열어보기)

---

🌏 디렉토리 생성

$ hexo init blog
// blog 자리에는 임의 디렉토리이름 지정 가능

$ ls 
$ cd blog
$ ls
// ls로 디렉토리 내 파일을 확인해주고, blog 디렉토리로 이동한다. 

---

🌏 포스팅

hexo.io 의 front-matter 참고

$ hexo new post "My first github blog"
// 따옴표 안에는 임의 제목 입력

$ vi source/_posts/My-first-github-blog.md

categories: 
- aa
- bb
// 등으로 카테고리 추가 가능

취소선 아래 포스트 내용을 작성한다.

$ hexo generate
$ hexo server 
// 로컬호스트 주소에서 작성된 내용 미리보기

확인 후 ctrl+c로 서버종료

---

🌏 GitHub 저장소와 Hexo Project 연결하기

hexo.io의 one-command deployment 참고

1. GitHub 로그인, repository 새로 만들기

2. repository의 이름을 GitHub의 내 유저명.github.io 로 설정
   (다르게 설정할 경우 블로그를 이용할 수 없음)

3. 설치

   $ npm install hexo-deployer-git --save

4. 블로그 셋팅

   $ ls
   $ vi _config.yml 
   // ls로 확인 후 _config.yml 파일로 들어가 작업

   title: Front-end Blog
   subtitle: 'hexo blog'
   description: '블 로 그'
   keywords:
   author: iziz
   language: en
   timezone: ''
   
   URL
   Set your site url here. For example, 
   if you use GitHub Page, set url as 'https://username.github.io/project'
   url: https://유저명.github.io
   .
   .
   .
   deploy:
    type: git
    repo: https://github.com/유저명/유저명.github.io.git
    branch: main
    
    //주의 : url은 https로 바꿔줘야 함.
    주소 끝(github.io)에 트레일링 슬래시(/) 붙이지 않기

   $ hexo clean
   $ hexo deploy
   // 제너레이터 지우고 다시 deploy

5. 블로그 주소로 들어가보기
   새로고침은 F5말고 ctrl+shift+r로 한다.
   (캐시 초기화하고 새로고침됨)

---

🌏 테마 바꾸기

Hexo Themes

1. next테마 설치 (또는 위 링크에서 원하는 테마 선택)

   $ npm install hexo-theme-next

2. 테마 변경

   $ vi _config.yml
   → theme 부분을 next 로 바꿔줌

3. 적용

   $ hexo clean && hexo generate
   // 클린 → 제너레이트 두가지 실행하라는 명령어

   $ hexo server // 로컬호스트 주소에서 적용 미리보기
    ctrl+c // 서버 종료
   $ hexo clean && hexo deploy

4. 블로그 주소 ctrl+shift+r 로 새로고침하여 확인

---

🌏 완성!

• static사이트는 포스트 변경하려면 지우고 다시 만들어야 한다.
  dinamic사이트처럼 수정 불가

• blog 위치를 vscode로 열어서 작업할 수 있다.
  프로젝트 디렉토리를 vs코드로 열고싶을 때
  해당 위치에서 code. 을 입력