1-3. github.io 테마 적용 & 편집하기

 

 

1. jekyll 테마 적용하기 

 

http://jekyllthemes.org/

Jekyll Themes

 

 

 

 

 

1-1. 테마 파일 복사 붙여넣기

왼쪽 폴더 : 나의 github.io 폴더

오른쪽 폴더 : 다운받은 테마 폴더 

 

오른쪽에 있는 걸 복사해서 나의 github.io폴더에 넣어준다. 

 

 

 

 

1-2. VScode 열고 실행하기 

github desktop에 들어와 Open in Visual Studio Code를 눌러준다.

 

 

 

 

터미널을 켜준다. 

단축키 : Ctrl + Shift + ` (~있는 곳)

 

bundle exec jekyll serve --trace

서버를 실행해준다. 

 

 

그러면 페이지가 보이게 된다.

나의 서버에 보이게 되는 것이다.

 

 

 

2. 편집하기

2-1. 편집하기

 

_data 폴더 안에있는 yml 파일을 수정해야 반영이 된다.

이런 형식으로 생겼고 _includes에 있는 html 형식과 비교하면서 수정을 해준다.

 

 

 

2-2. 커밋하기

Github Desktop에서 노란 박스에 커밋 메시지를 적어주고 

Commit to main 버튼을 눌러주자. 

 

 

 

다음으로 Push origin을 눌러준다.

 

 

 

 

2-3. 완성!

그리고 3~5분 후 나의 github.io로 들어가면 웹 페이지가 생성(수정) 된 것을 볼 수 있다.

ez하죠잉~!?