[Blog] Github Page 블로그 고도화 오류 해결

만들어놓고 바빠서 글만 올리던 github 블로그 고도화를 하였습니다.

사용한 테마인 chirpy의 공식 위키를 찾아보면서 front matter에 대해 알게 됐습니다.

front matter에 관해서

front matter란 해당 post에 대한 정보를 글 최상단에 삽입해 놓는 것이며 웹 페이지 갱신할 때 해당 정보를 읽어와 post 분류 및 설정을 하게 됩니다.

물론 이 front matter가 없어도 post가 블로그에 올라가긴 하지만, 제목에 영어 대문자 미 지원, 카테고리에 추가되지 않음 등의 이슈가 있습니다.

그동안 category에 아무것도 안 떠서 오류인 줄 알았더니 이런 걸 추가해야 됐을 줄이야.. 공식 문서를 잘 읽읍시다.

front matter는 다음과 같은 형식으로 되어 있습니다.

---
title: Github Page 블로그 고도화 오류 해결
author: piacu
date: 2022-10-10 01:19:00 +0900
categories: [Blogging, Blog]
tags: [githubpage, jekyll, chirpy, typora]
---

title: 게시글 제목

author: 작성한 사람

date: 날짜 (마지막 +0900은 대한민국 표준시입니다.)

categories: 주 카테고리, 서브 카테고리

tags: 해당 게시물에 대한 태그들(꼭 소문자로 작성해야 합니다!)

추가로 mathematics, mermaid 등 여러 가지 설정이 있습니다.

작성 후에는 이를 감싸는 — 을 위아래로 꼭 써줘야 합니다!

이렇게 front matter을 post 최상단에 작성 후, 아래에는 내가 쓰려는 글을 작성하면 되겠습니다.

Post 작성 시 Typora 이슈

첫번째로 작성했던 post입니다. 오잉? 분명 설정으로 들어가서 보이지 않아야 할 front matter가 떡하니 보이는 게 아니겠어요?

분명 맞게 했는데… 하며 구글링을 하는데 나오지는 않아서 버근가? 하고 있던 참에

chirpy wiki에 작성된 post의 raw한 코드를 내 post와 비교해보자! 해서 비교해봤는데 이게 문제였습니다.

무려! Typora에서 ```로 블록 코드를 자동으로 만들어 주는 것이었습니다!

아니 왜 시키지 않은 걸 해가지고…

결국은 ```를 빼고 업로드 했더니 너무 잘 되네요. markdown 작성 시 Typora를 사용한다면 이 부분을 주의하셔야겠습니다.

SeungJun Jeon

점점 강해지고 있습니다.