블로그 제작기3

November 2023 (197 Words, 2 Minutes)

블로그 제작 포스팅(3)

이미 만들어져있는 github.io repository를 활용하여 새로운 테마를 적용하는 방법에 대해 알아 보겠습니다. 참고로, 저는 m1 macbook에서 작업했습니다.

목차

내가 선택한 테마는 “moonWalk” 테마 적용해보기
step 1. 테마를 다운받는다.
step 2. Local에 새로운 폴더를 만들고 github repository에 연결해준다.
step 3. blog 폴터의 데이터를 모두 지운다.
step 4. jekyll new 를 이용하여 기본 패기지를 다운받는다.
step 5. 앞에서 다운받은 moonWalk 내용을 blog에 복사 붙여넣기 한다.
step 6. 기타 자잘한 에러를 수정하고 로컬에서 홈페이지를 실행시킨다.
step 7. 깃헙에 add, commit, push 한다.
마지막 확인!

내가 선택한 테마는 “moonWalk” 테마 적용해보기

구글에서 다양한 테마들을 검색할 수 있습니다. 맘에드는걸로 선택하세요. 저는 moonwalk 테마가 좋아서 선택했습니다.
http://jekyllthemes.org/themes/moonwalk/

Step 1. 테마를 다운받는다.

깃헙(github)에 가서 직접 내려 받는 방법과 홈페이지에서 다운받는 방법이 있습니다. 저는 아래의 홈페이지에서 다운 받는 방법을 선택했습니다.
http://jekyllthemes.org/themes/moonwalk/

Step 2. Local에 새로운 폴더를 만들고 github repository에 연결해준다.

2-1. blog 빈 폴더 만들기

mkdir blog

2-2. 폴더에 들어가기

cd blog

2-3. 기존에 만들어둔 github homepage repository 연결하기

git init
git remote add origin 개인깃헙주소

2-4. repository에 있는 데이터를 blog 폴더에 내려받기

git pull origin main

이렇게 폴더와 repository가 연결되었습니다.

Step 3. blog 폴더의 데이터를 모두 지운다.

repository에서 다운 받은 blog 폴더 안의 데이터들을 모두 삭제해 줍니다. 그냥 폴더 열어서 보이는 파일 데이터 모두 삭제하거나 rm -rf . 이용해서 모두 삭제해도 됩니다.

Step 4. jekyll new 를 이용하여 기본 패기지를 다운받는다.

step 5. 앞에서 다운받은 moonWalk 내용을 blog에 복사 붙여넣기 한다.

붙여넣기 결과 blog 폴더에는 위의 사진처럼 구성되어야 합니다!

step 6. 기타 자잘한 에러를 수정하고 로컬에서 홈페이지를 실행시킨다.

저같은 경우는 bundle exec jekyll serve을 이용했을때 로컬에서는 테마 적용이 되었는데 원격에서 적용이 되지 않는다는 문제점이 있었습니다. 그래서 _config.yml 파일을 약간 편집하였습니다.
url주소를 깃블로그 주소로 변경하니 원격저장소에도 정상적으로 업로드 되었습니다!

step 7. 깃헙에 add, commit, push 한다.

git add ./
git commit -m "change theme"
git push  origin master

순서대로 입력하시면 됩니다. 마지막으로 깃헙 홈페이지 주소로 들어가서 확인해 보세요!