신현우

신현우

나만의 블로그 Github.io 만들기

1 분 소요

나만의 블로그 만들기

우리는 무료로 제공해 주는 Github.io를 통해 무료로 나만의 블로그를 운영할 수 있다.

이 글에서 Jekyll 이라는 테마을 입히는 방식으로 진행해 보겠다.

설치할 소프트웨어

우리는 윈도우 운영체제 환경에서 진행할 것이고 다음 소프트웨어를 설치해 줘야 한다.

  • Ruby
  • Jekyll

Ruby

인스톨러를 통해 설치가 가능

설치 도중 마지막에 1,2,3 선택하라는 부분이 나오는데 차례대로 1 , 2 , 3 을 선택해준다.

설치경로 : https://rubyinstaller.org/downloads/

설치버전 : Ruby+Devkit 2.6.5-1 (x64)

설치가 잘됬다면 다음명령을 통해 버전을 확인할 수 있다.

ruby -v

Jekyll 테마 설치

Jekyll은 이미 테마를 누군가가 구성해 놓은 것으로 구글검색 해보면 많이 나온다. 그 중 필자는 무료이면서 폰트가 깔끔해보이고 카테고리와 태그를 사용할 수 있는 minimal-mistakes 를 이용했다.

다음 명령을 통해 자신의 작업 PC로 복사해온다.

cd C:\workingfolder

git clone https://github.com/mmistakes/minimal-mistakes

그리고 minimal-mistakes 폴더 안으로 이동해 다음 명령을 수행하여 설치를 완료한다.

cd  minimal-mistakes

bundle

설치완료 후 확인하기 위해 다음 명령어로 로컬에 Jekyll을 올려볼 수 있다.

bundle exec jekyll serve

브라우저에서 http://127.0.0.1:4000 확인할 수 있다.

Github.IO 만들기

GitHub계정이 없다면 계정을 생성해야하고 , 있다면 본인의 Github내에 Repository를 만들면 된다.

Repository명은 [Owner].github.io로 만들어주면 된다.

예를 들어 GitHub의 Owner가 SHW라면 Repository명은 SHW.github.io 가 된다.

만약 Owner명으로 지정을 안해주면 호스트가 정상적으로 이뤄지지 않고 404에러가 뜨므로 주의하자.

Github.io에 Jekyll 올리기

자신의 Github에 올릴것이기 때문에 작업 폴더도 자신의 github.io폴더로 변경해준다.

SHW Owner로 예를 들었다. SHW라는 문자열은 여러분의 Owner로 바꿔줘야한다.

mkdir "SHW.github.io"
Copy-Item -Path "C:\workingfolder\minimal-mistakes\*" -Destination "C:\workingfolder\SHW.github.io" -Recurse

이제 실제로 올려보자

git remote remove origin

git remote add orign https://github.com/SHW/SHW.github.io.git

카테고리, 태그, 검색기능 달아보기

상단메뉴추가

\_data\navigation.yml 수정

# main links
main:
     - title: "Categories"
       url: /categoryies/
     - title: "Tags"
       url: /tags/
     - title: "Search"
       url: /search/

\categories.md 생성

---
layout: "categories"
author_profile: true
---

\tags.md 생성

---
layout: "tags"
author_profile: true
---

\search.md 생성

---
layout: "search"
author_profile: true
---

참고 URL

https://hoisharka.github.io/jekyll/2017/12/03/jekyll-category-001/ https://devinlife.com/howto%20github%20pages/new-blog-from-template/ https://dev-yakuza.github.io/ko/jekyll/installation/ https://github.com/mmistakes/minimal-mistakes

댓글남기기

참고