Github로 블로그 만들기(3)

블로그에 첫 포스팅

• Github로 블로그 만들기(1)
• Github로 블로그 만들기(2)

가상 서버 열기

실제 호스팅 되는 웹사이트 말고 로컬 머신에서도 웹사이트를 만들 수 있다. 이것을 이용해서 변경 내용을 빠르게 확인할 수 있다.

VS 코드에서 Terminal 콘솔창에 해당 명령어를 입력한다.

bundle exec jekyll s

그러고 나면 인터넷 주소창에 다음 주소를 치던가

http://127.0.0.1:4000/

터미널 로그에서 Server address: 다음에 나오는 주소를 Ctrl + 좌클릭 하면 열 수 있다.

일단은 로컬 서버는 종료 해두자 터미널에서 Ctrl+C 를 입력하면 종료된다.

포스트 올려보기

포스트를 올리기 전에 _config.yml 파일에서 바꿀 내용들은 바꿔준다.

주석들을 번역기 돌려가며 바꾸길 바란다.

**_posts 폴더 내부에 .md 파일을 만들어 주는데, 양식은 아래와 같다.

YYYY-MM-DD-TITLE.EXTENSION (extension은 md 그리고 markdown만 가능)
예를들어 2025-03-09-첫_글이에요.md

파일을 만들고 열면 아래와 같은 양식을 붙여넣어준다.

---
title: TITLE
date: YYYY-MM-DD HH:MM:SS +/-TTTT
categories: [TOP_CATEGORIE, SUB_CATEGORIE]
tags: [TAG]     # TAG names should always be lowercase
---

해당 양식의 예시는 아래와 같다.

이제 글을 써보자

글을 쓰고 난 다음 Source control 로 간다 Refresh를 한번 눌러주고, Message에다가 변경사항을 적어준다.
그러고 commit을 한다. 마지막으로 Sync Changes를 눌러준다. 해당 과정은 로컬 브렌치에서 깃으로 원격 Push 하는 과정이다.

잘 써졌는지 확인하기

마지막으로 로컬 서버에서 먼저 제대로 돌아가는지 확인하고, 홈페이지에서도 제대로 출력이 되는지 확인한다.

이후에 할 일들

Jekyll 사이트에서 사용법 찾아보기
Markdown 문법 알아보기
Chirpy 테마 사이트에서 가이드 읽기

이미지 넣는 법, 영상 넣는 법도 가이드에 나와 있기 때문에 꼭 읽어보는 것이 좋다.