본문 바로가기
IT/Hexo

Hexo 로 글작성하기

by DOSGamer 2022. 6. 28.
반응형

Hexo 로 글작성하기

글(Post) 생성

## 일반적인 글 생성
## source/_posts/hexo-new-post-process.md 가 생성된다
hexo new post "hexo-new-post-process"

폴더로 구분

post 가 많아질경우에 _posts 로만 구분하기는 한계가 있습니다.
그래서 미리 구분할 폴더를 만들어줍니다.
여기서 생성한 폴더는 url 에서 사용됩니다

_posts 폴더 아래 hexo 라는 폴더를 만들어주고 거기로 hexo-new-post-process 를 이동시켜줍니다

_posts
  hexo
    hexo-new-post-process.md

https://skyksit.github.io/hexo/hexo-new-post-process 와 같은 구조의 URL 을 사용하려면
_config.yml 에서 설정을 변경해줘야 합니다.

기본설정이 날짜로 구분되는 형태로 되어 있습니다.

_config.yml

_config.yml 파일에서 permalink 부분을 :title/ 로 변경합니다.

url: https://study.skyksit.com
root: /
permalink: :title/
permalink_defaults:
pretty_urls:
  trailing_index: true
  trailing_html: true

글 내용 작성

생성된 md 파일을 markdown 문법으로 작성합니다
markdown 문법은 기본적인 글 작성기능만 제공하기에
Hexo 에서 공식으로 제공하는 Tag Plugin을 이용하면
유튜브 영상을 넣거나 jsFiddle 의 코드를 넣거나 Gist 파일내용을 넣을 수 있습니다

Tag Plugin을 활용해주면 보다 풍성한 내용의 글을 작성할 수 있습니다

---
title: Hexo 로 글 작성하는 순서
toc: true
date: 2021-03-30 08:14:40
tags:
  - hexo
categories:
  - hexo
---

markdown 문법으로 글을 작성합니다

categories 와 tags 는 Hexo 의 테마별로 설정하는 방법이 조금씩 다르니
테마에서 가이드 하는 데로 사용하시면 됩니다.

글 내용 로컬에서 확인

## build 로 html 을 만들고
$ npm run build
## local webserver 로 확인한다
$ npm run server

localhost 로 확인

저장소에 배포

Github Pages 에 적용

npm script 로 만들어놓은 deployall 을 사용합니다.

npm run deployall

배포결과 확인

Github pages 에 새로운 글이 적용되는 데 몇 분까지 걸릴 수 있습니다.
작성한 포스트가 많아질 수록 느려지는 것 같습니다.

배포한 글확인

소스 저장소에 저장

## working directory => staging area 로 추가
git add .

## staging area (Index) => Local Repository 적용
git commit -m "FEAT:Add post"

## Local Repository => Remote Repository 적용
git push -u origin main
반응형