Github에 Jekyll로 블로그 만들기

Written by 성기동 on 29 Jun 2020

GitHub에서 새 저장소(repository)를 만듭니다. 이 때 저장소의 이름을 자신의 username 뒤에 .github.io가 붙은 이름으로 짓습니다. 이렇게 해야 yourname.github.io의 도메인으로 접속할 수 있는 블로그가 됩니다.

프로젝트 별 페이지 만들기

프로젝트 별로 페이지를 만들 수도 있습니다. 이 때는 프로젝트 이름이 yourname.github.io가 아니어도 상관 없으며 이미 존재하는 프로젝트에 페이지를 만들 수도 있습니다. 다만 이렇게 만든 페이지는 yourname.github.io/projectname의 url로 접속하게 됩니다.

Jekyll “Memoirs” 테마 적용하는 방법

jekyll-theme-memoirs.git을 clone 받아서 기존에 만들어 두었던 저장소(yourname.github.io)에 복사합니다.

git clone https://github.com/wowthemesnet/jekyll-theme-memoirs.git

gem install bundler

Then:

bundle install

_config.yml 파일을 통해서 기본적인 설정들을 수정할 수 있습니다. site의 경로가 root일 경우는 baseurl: '' 로 설정합니다. 또한, Google Analytics code, disqus username, authors, Mailchimp list 등에 대해서 설정 할 수 있습니다.

수정 후, 터미널에서 아래의 코드를 입력합니다.

bundle exec jekyll serve --watch

별도 수정없이 바로 시작을 하였다면 http://127.0.0.1:4000/jekyll-theme-memoirs 주소로 들어가서 프로젝트가 정상적으로 실행된것을 확인할 수 있습니다.

YAML front matter options:

post image - image: assets/images/mypic.jpg
external post image - image: “https://externalwebsite.com/image4.jpg”
disable page comments - comments:false
meta description (optional) - description: “this is my meta description”

YAML Post Example:

---
layout: post
title:  "We all wait for summer"
author: john
categories: [ Lifestyle, Travel ]
tags: [ France ]
image: assets/images/5.jpg
description: "Something about this post here"
---

YAML Page Example

---
layout: page
title: About Memoirs
comments: false
---

Rating

---
layout: post
title:  "We all wait for summer"
author: john
categories: [ Jekyll, tutorial ]
image: assets/images/5.jpg
description: "Something about this post here"
rating: 4.5
---

이제 깃허브에 나만의 주소를 가진 블로그를 만들고 마크다운으로 블로그 포스트를 작성할 수 있습니다!
모든 문서를 텍스트에디터에서 작성할 수 있는 마크다운이 익숙하지 않은 분들은 존 그루버 마크다운 페이지 번역을 보면 쉽게 따라 할 수 있습니다.

Explore more like this

Github Jekyll

git commitizen의 사용방법 및 template에 대해서 알아보기

Github를 이용해서 Project를 수행하면서 우리는 수많은 commit을 하게 됩니다. 이때 일정한 스타일의 commit message를 작성하면, 해당 message만 확인을 하여도 전체적인 흐름을 이해할 수 있도록 도와줍니다. 오늘은 일정한 commit message를 작성하기...

성기동 03 Mar 2022

git Large File Storage(LFS)

Github를 이용해서 우리들은 많은 소스들을 손쉽게 관리할 수 있습니다. 하지만, 때로는 용량이 너무 큰 파일때문에 곤란한 경우가 생기기도 하는데요. git에서는 일반적으로 100MB 이상의 파일에 대해서 PUSH를 할 수가 없습니다. 오늘은...

성기동 28 Jun 2021

[GitHub] Git 브랜치의 종류 및 사용법 (5가지)

Gitflow Workflow에서 사용하는 Git Branch 종류를 이해한다. Gitflow Workflow에서 사용하는 Git Branch 사용법을 이해한다.

성기동 30 Jun 2020