본문 바로가기
Github Blog

Git hub 블로그(4) 블로그 첫글쓰기

by GeekCode 2021. 9. 25.
반응형

1. posts 폴더에 글 등록하기

블로그에 theme 설정을 완료했다.

이제 첫 글을 등록하려고 하는데 지킬은 간편한 블로깅을 위해 만들어졌다. 이에 따라 정해진 포맷에 맞춰 글을 등록해야한다.

 

기본적으로 클론했던 폴더안을 이리저리보면 YEAR-MONTH-DAY-title.md 형식으로 되어있는것들이 있다

그걸 보면서 감각을 익혀보도록 하자.

지킬이 포스트 글로 인식하는 파일들은 _posts 폴더 밑의 YEAR-MONTH-DAY-title.md 형식의 파일들이다.

 

minimal-mistakes theme의 초기상태는 _posts 폴더가 없다. _posts 폴더를 생성하고 포스트 파일명 형식에 맞춰서 파일을 생성한다. md 파일을 생성하고 vi로(혹은 원하는 텍스트 에디터로..) 글을 작성해본다.

 

---
title: "github.io 블로그 시작하기"
excerpt: "GitHub Blog 서비스인 github.io 블로그 시작하기로 했다."
last_modified_at: 2021-09-13T08:06:00-05:00
categories:
  - Blog
tags:
  - content
  - Blog
---

## GitHub Blog 서비스인 github.io 블로그 시작하기로 했다.
* GitHub Blog 서비스의 이름은 Pages이다.

* Pages가 다른 블로그 플랫폼 보다 편한 것 같아서 마음에 든다.
다른 사람들도 같이 많이 사용했으면 좋겠다는 생각이 든다.

* YFM에서 정의한 제목을 이중 괄호 구문으로 본문에 추가할 수 있다.
이 글의 제목은 {{ page.title }}이고
마지막으로 수정된 시간은 {{ page.last_modified_at }}이다.


## YFM에 대한 간단한 설명
  * YFM(YAML Front Matter) 포맷은 markdown 파일의 최상단에 위치하며 3개의 하이픈으로 시작과 끝을 표시한다. YAML은 오픈 소스 프로젝트에서 많이 사용하는 구조화된 데이터 형식이라고만 알고 넘어가자. YFM은 이 YAML을 사용해서 글의 제목, 날짜, 카테고리, 태그, 레이아웃 등을 정의할 수 있다.

 * YFM에서 정의한 제목인 title을 이중 괄호 구문으로 본문에 추가할 수 있다. 예를 들어 위에서 등록한 makrdown 파일 본문에는 이중 괄호 구문을 사용하여 표기하였다. 이를 지킬은 page.title를 YFM에서 정의한 문구로 교체하여 html로 변환한다. 따라서 이 markdown 글이 표시될때는 github.io 블로그 시작하기에서 보듯이 글 제목으로 치환되어 있다.

 * 이렇게 YFM는 페이지 내부에서의 변수 역할을 하며, layout에 대한 오버라이딩 설정 등에도 사용된다.

파일이름도 이런식으로 작성

 

그리고 다시 지킬 서버를 열어서 내 글의 상태가 내가 원하는 상태인지 모니터링해보자.

cd [블로그 레파지토리]
bundle exec jekyll serve --incremental

그럼 브라우저에서 http://127.0.0.1:4000 을 입력해보면 반영된 수정사항들을 모니터링 할수가 있다. 그냥 한쪽에 계속 이걸 띄워두고
작업하는게 편하긴 하다. 나중엔 대충 안봐도 하게 된다.

 

마음에 들었다면 이제 푸시를 하자. 깃 푸시까지 마쳐야 나의 블로그에 반영된다.

cd [블로그 레파지토리]
git add . 
git commit -m "메인화면 커스텀"
git push

굳!!

아참 푸시하고 바로 반영되지가 않기 때문에 1-2분 쉬고 확인해보자~^__^

반응형