초보를 위한 깃허브 블로그 만들기(3). github.io 만들기

❗️모든 설치과정은 MacOS Ventura(M1 Mac) 환경에서 진행됩니다 ❗️

정말 거의 다 왔어요! 이제는 본격적으로 git을 만져봅시다!

git 패키지 설치하기

우리는 앞서 Homebrew를 설치했기 때문에
정말 간단하게 MacOS에 git을 설치할 수 있어요.

brew install git

git -v # 설치된 버전 확인하기

Github 블로그 만들기

자, 이제 본격적으로 블로그를 만들어 봐요!

1️⃣ 1단계: 저장소 만들기

새로운 저장소를 만들어야 해요!
- Repositories로 이동 후에 New를 눌러주세요!
Repository name과 Add a README file을 설정해 주세요!

2️⃣ 2단계: 로컬에 clone하기

❓ ‘로컬에 clone 하기가 뭐야’라고 생각할 수 있어요
- 사용자 컴퓨터에 깃허브 저장소를 가지고 오는 의미랍니다.

저장소로 이동 후에 저장소 링크를 복사해 줄게요
다음 바탕화면에 폴더를 하나 만들어 줄게요
- 저는 github_blog라고 만들었습니다.

터미널로 이동할게요. 코드 참고해 주세요!

cd Desktop/github_blog #github_blog 폴더로 이동하기.
git clone 아까 복사했던 주소 #

✅ 참고: cd desktop을 하는 이유는 MacOS 바탕화면의 경로이기 때문이에요.

3️⃣ 3단계: minimal-mistakes 가져오기

minimal-mistakes로 이동합니다!

경로 이동하기

cd desktop
cd github_blog
cd testerHWI.github.io # clone한 경로로 이동해야 해요!

minimal-mistakes clone 하기

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

클론이 완료되면 폴더 옮겨주기

저 같은 경우 모든 파일을 command + a로 전채 선택 후에, option + command + x로 옮겨줍니다!
- 윈도우에서 잘라내기라고 생각하면 편해요!

4️⃣ 4단계: 로컬 서버 열어보기!

✅ 참고: 현재 경로는 testerHWI.github.io 입니다!

bundle install
gem install jekyll bundler

# you don't have to write permission 에러가 난다면 다음 코드를 입력해주세요
source ~/.zshrc
gem install jekyll bundler # 에러 시에 다시 입력하는 거예요!

# 다음 코드는 로컬에서 작업한 파일을 깃에 푸시 하는 과정이에요!
# 로컬 -> 깃허브로 파일을 옮기는 작업입니다.
git add * 
git commit -m "Making Blog" # 커밋 메시지 작성
git push origin main 
# 이 과정에서 아이디랑 비밀번호를 입력해야 해요.
# !중요! 챕터를 참고해 주세요.

이제 마지막 단계입니다!

bundle exec jekyll serve로 서버를 열어줍니다!
✅ 참고: 위의 코드를 입력 후에 .jekyll-cache, Gemfile.lock파일이 생성이 되어야 합니다.

이제 터미널에 표시된 Server Address를 인터넷 주소창에 입력해 보세요!
여러분의 멋진 블로그가 만들어졌을 거예요!😄

❗️중요❗️: 비밀번호에 토큰을 입력해야 해요

clone, push 등 처음 작업하시는 분들은 토큰을 발급받아야 합니다.
토큰 발급받기

setting 누르기
가장 아래에 있는 Developer setting을 눌러주세요
Tokens -> Generate new token을 눌러 주세요!
Note와,Expiration(만료 기간), Select scopes를 선택해 주세요!

저 같은 경우, git push, clone 등의 작업만 하기 위해 repo만 선택했어요!
하단에 Generate token을 눌러 주세요
토큰을 복사해 안전한 곳에 백업해놓으면 끝!

앞으로 터미널에 깃 작업 관련 비밀번호를 입력할 때는 토큰을 입력하면 됩니다.

Byeong hwi