Make Jekyll Blog

1. VSCode

VSCode 다운로드 를 합니다.


2. Git

Git 회원가입 을 진행해야 합니다.

새로운 Repository 생성합니다.

Repository 이름은 ex) username.github.io

원격으로 접속을 해야 하기 때문에 Add a README file에 체크해야 합니다.


https://git-scm.com 에 접속하여 본인의 운영체제에 맞는 버전의 Git을 설치합니다.

image

image

image

위 이미지 3개 제외하고 나머지는 기본 설정


3. Ruby

Ruby 다운로드

image

모두 진행하면 cmd 창이 나오는데 3번 눌러줍니다.


4. Git 연동 cmd or VSC(terminal)

git config –global user.name [github 계정]

git config –global user.email [github 이메일]


바탕화면에 폴더 생성 또는 저장하고 싶은 경로에 생성합니다.

생성한 폴더로 이동 / cd 명령으로 이동 git clone (git repository HTTPS 주소 붙여넣기)

  • 성공하면 You appear to have cloned an empty repository 메세지 노출
  • 생성한 폴더로 가면 폴더가 하나 더 생성되어 있습니다.


4-1. Git 업로드(적용)

1. cmd

  • git add [filename]
  • git commit -m “name(스냅샷 개념이라 본인이 하고 싶은 이름으로 설정합니다)”
  • git push // git에 내가 올리고 싶은 파일이 올라가 있습니다.

2. vsc

  • ctrl + s (저장) = 터미널에 완료 표시가 나오면 먼저 로컬 환경에서 확인할 수 있습니다.
  • 돋보기 아이콘 클릭
  • 넣어줄 제목 입력
  • ctrl + enter
  • sync ~~ 클릭


5. Jekyll Install

cmd 실행

gem install jekyll

bundle install

cd C:(~~~)

  • 자신의 블로그 폴더로 이동

jekyll new .

bundle exec jekyll serve

  • cmd에 로컬 주소 노출(가상 환경 시작)

ex) 127.0.0.1~~~