[Jekyll] Jekyll을 Git에 올려보자

 

이전 글에서 Jekyll에 대한 설치를 로컬에 마쳤다면, 이번에는 자신의 깃헙에 올려보는 작업을 진행하려고 합니다.

Git 명령어를 알고 계신 분들은 어렵지 않으시겠지만 혹시 찾아보실 분들을 위해 같이 올려두려고 합니다.

1. Github에 로그인을 합니다. (회원가입 과정은 생략하겠습니다.)

2. 로그인한 브라우저의 https://github.com/new에 들어가서 Repository 를 생성합니다. 이 때, 주의할 점은 자신의 github 아이디와 리포지토리명의 앞에 붙는 문자열이 같아야합니다. 

저 같은 경우 이미 리포지토리를 생성했기 때문에 이렇게 출력됩니다.

예를 들어, Github 아이디가 niyong 인 경우 niyong.github.io 으로 붙여주시면 됩니다.

#{username}.github.io

 

3.  리포지토리가 생성이 되었다면 자신의 리포지토리 페이지에서 Code 다운로드 버튼을 누릅니다. 그렇게 되면 github의 url이 출력이 됩니다. 저의 경우 해당 리포지토리에 푸시를 한 번 해서 소스가 출력되고 있습니다.

여기서 가장 일반적인 방법은 해당 주소를 복사해서 터미널에서 생성한 jekyll 디렉토리에 들어가는 방법입니다.

## Jekyll 프로젝트를 생성합니다. 
$ jekyll new jyp90.github.io

## 자신의 사용자명의 아이디로 디렉토리를 변경합니다.
$ cd jyp90.github.io (username)

## Jekyll 가 실행이 되는지 체크해봅니다.
-> jyp90.github.io bundle exec jekyll serve

그리고 Code 내에 url을 복사합니다. 

## github 리모트 리포지토리와 연결하는 명령어입니다. 
$ git remote add origin https://github.com/jyp90/jyp90.github.io.git

## 사용자의 경우 이런 방식으로 url이 구성됩니다.
$ git remote add origin https://github.com/#{username}/#{username}.github.io.git

마지막으로, 제대로 링크가 되었는지 체크합니다.

$ git remote -v
origin	https://github.com/jyp90/jyp90.github.io.git (fetch)
origin	https://github.com/jyp90/jyp90.github.io.git (push)

 

4. 이제 소스를 푸시합니다. 

## 현재 디렉터리 내의 파일들을 Commit 대상에 담습니다.
$ git add .

## 커밋할 내용을 담습니다.
$ git commit -m "First Commit Message"
[master (root-commit) 4f19065] First Commit Message
 8 files changed, 248 insertions(+)
 create mode 100644 .gitignore
 create mode 100644 404.html
 create mode 100644 Gemfile
 create mode 100644 Gemfile.lock
 create mode 100644 _config.yml
 create mode 100644 _posts/2021-04-19-welcome-to-jekyll.markdown
 create mode 100644 about.markdown
 create mode 100644 index.markdown


## 커밋된 내용을 푸시합니다. 여기서 origin master가 의미하는 내용은 아래와 같습니다.
## 사용자가 로컬에 네이밍한 Repository : origin
## 해당 Repository의 Branch name : master
$ git push origin master
Enumerating objects: 11, done.
Counting objects: 100% (11/11), done.
Delta compression using up to 12 threads
Compressing objects: 100% (11/11), done.
Writing objects: 100% (11/11), 4.30 KiB | 4.30 MiB/s, done.
Total 11 (delta 0), reused 0 (delta 0)

 

5. 제대로 푸시가 되었다면 다시 Github의 자신의 리포지토리로 들어가봅니다. 잠시 후에 자신의 깃헙아이디.github.io로 접속해보면 지킬이 구동될 것입니다.

https://#{username}.github.io