본문 바로가기
IT/Git

깃허브페이지스(github pages), 지킬(jekyll) 이용해서 무료 블로그 만들기 #1-개발환경

by DOSGamer 2018. 12. 23.
반응형

일단 github, github pages, jekyll 라는 서비스를 알아야 한다.

● 깃허브 - 온라인 소스저장소

● 깃허브 페이지스 - 정적인 html 사이트 (xxxx.github.io 로 본인아이디를 서브도메인으로 서비스해줌)

● 지킬(jekyll) - 깃허브 페이지스에 올릴 html 을 만들어주는 모듈 (깃허브 페이지스에서 기본 제공)

(네이버 블로그) 같은 업체에서 제공해주는 블로그를 놔두고

여기에 만들어서 서비스하는 이유는

- 내맘대로 레이아웃을 만들수 있다는 점

- 여러사람이 같이 글을 작성해서 올릴 수 있는 점

그래서 IT 직무 사람들이 팀블로그로 자주 사용하거나, IT 직무의 개인 포트폴리오 블로그로 사용한다.

나도

네이버 블로그는 일반적인 내용을 담을 꺼고

깃허브 페이지는 기술적인 내용만 넣어서 포트폴리오로 사용할 겁니다

개발환경 준비

1. 깃허브 아이디 생성

2. Github Desktop 이나 SourceTree 설치 (깃허브랑 내 로컬 저장소랑 연결해주는 프로그램)

3. 지킬(jekyll)을 설치한다. (OS 별로 설치하는 방법이 틀리니 본인의 OS 확인)

https://jekyllrb.com/docs/installation/ 에서 본인 OS 에 맞게 설치방법 선택하세요

밑에는 Windows 환경에서 설치하는 방법입니다.

3-1. Ruby 와 Ruby Development Kit 설치

https://rubyinstaller.org/downloads/ 에서 Ruby+Devkit 파일 받아서 설치

설치시에 path 추가 할꺼냐는 checkbox 있으니 check 하여 설치

3-2. Jekyll 과 Bundler 설치 (참고 : https://jekyllrb.com/docs/installation/windows/ )

gem install jekyll bundler

Reference

Whatap Tech blog-Jekyll 윈도우에 설치해서 사용하기 : http://tech.whatap.io/2015/09/11/install-jekyll-on-windows/

깃허브 https://github.com/

깃허브 페이지스 - https://pages.github.com/

지킬 공식사이트 - http://jekyllrb.com/

지킬 한글매뉴얼 사이트 - http://jekyllrb-ko.github.io/


반응형