1 분 소요

❓github pages란?

GitHub의 리포지토리에서 HTML, CSS 및 JavaScript 파일을 직접 가져와서 웹 사이트를 게시하는 정적 사이트 호스팅 서비스입니다.

❓웹 호스팅

  • 홈페이지를 올려놓을 인터넷 상의 공간을 임대해주는 서비스
  • 또는 웹사이트를 저장하고 다양한 디바스에서 손쉽게 액세스하도록 해주는 서비스

❓Jekyll

텍스트 변환 엔진으로, 마크업 언어로 글을 작성하면 미리 정의해 놓은 규칙에 따라서 정적인 웹사이트를 만들어준다.

❓github pages에 대해 알아보게 된 계기

TIL(Today I Learned)에 대해서 알게 되고, 나도 개발자가 되기 위해서 앞으로 공부한 내용들을 매일 정리해 나가야겠다고 마음을 먹었다. 그 과정에서 코드 관리까지 용이한 깃허브에서 포트폴리오까지 작성하면 좋겠다고 생각했고, 깃허브 블로그를 시작한 계기가 되었다.

🗓️마음에 드는 테마 선택하기

https://github.com/topics/jekyll-theme

  • 해당 주소에서 가장 fork 수가 많은 minimal-mistakes 테마를 선택하여 fork를 해주었고, 레포지토리 이름을 [github ID].github.io로 설정해주었다.

🗓️_config.yml 파일 수정하기

  • _config.yml 파일에서 페이지에 대한 대부분의 설정이 가능한데, 먼저 블로그명, 작성자 정보를 바꿔주고 url주소도 [github ID].github.io로 설정해주었다.
  • 이외에도, 작성일을 표시하고 카테고리를 만든다거나, 댓글 기능을 추가하고 구글 애널리시스 기능을 넣는 등 정말 많은 설정이 가능했다.

🗓️ 게시글 포스팅 해보기

---
layout: single
title: posting practice
categories: coding
tag: [blog, jekyll]
---
# 첫 글입니다.
멋진 블로그를 만들어보자!
<br>
***로컬 서버에서 실시간으로 적용되는지 확인***
<img src="../assets/images/logo.png">
  • _post라는 폴더를 새로 만들어서 그 안에 마크다운 파일을 만들어주었다.
  • 게시물의 앞 부분에 레이아웃이나 제목, 카테고리 등을 지정해줄 수 있고, 마크다운 언어를 잘 써보지 않아 어색했는데, 글을 쓰거나 html 문법으로 대충 테스트용 게시글을 작성해보았다.

🗓️ 작성 날짜 추가하고 출력 형태 바꾸기

#Defaults
defaults:
  - scope:
    values:
      show_date: true

date_format: "%Y-%m-%d"
  • config.yml 파일 제일 밑부분의 디폴트 값에서 show_date를 true로 바꾸고, date_format을 추가해주었다.

댓글남기기

참고