gitgub / 깃허브 블로그 만들기 - 2
블로그 만들기 정리용 두번째
테마를 적용하기 위해서는 jekyll 를 이용해야 합니다.
1. 로컬에 Jekyll 설치하기
gem 은 Ruby 라는 언어 위에서 작동하므로, Ruby 를 로컬 컴퓨터에 설치해야 합니다.
Ruby Installer for Windows 에 접속해서
WITH DEVKIT 에 가장 상위에 있는 파일을 다운로드 받았습니다.
이후 터미널 창이 켜지고
1,3 중 누르라고 하는데 3 번 누르셔야 합니다~!
설치를 추가로 진행하시면 됩니다.
gem install jekyll bundler
를 실행해줍니다.
2. 그 뒤 index.html 를 제거해줍니다.
3. Jekyll 생성
전에 클론한 내 name.github.io 폴더 경로로 이동해서 아래의 명령어를 쳐주세요.
jekyll new ./
4. bundle install
bundle install
위의 명령어를 입력해주세요.
5. Jekyll을 로컬서버에 띄우기
bundle exec jekyll serve
하면 로컬 서버가 띄워집니다. 만약 빨간색 오류메세지가 뜬다면
bundle add webrick
를 추가로 입력해주고 다시 띄워보세요. 버전이 바뀌면서 webrick 이 out 되었다고 하더라구요.
주소는 http://127.0.0.1:4000/ 로 설정되어 있을겁니다.
브라우저 주소창에 쳐주면
그림과 같은 웹사이트가 켜집니다. 주소창은 설정되어있는 http://127.0.0.1:4000/ 로 나올거에요.
6. push
git add .
git commit -m "메세지"
git push
를 이용하여 push 해줍니다.
이후 잠시 기다린뒤 새로고침을 하면
주소가 본인의 name.github.io 로 바뀝니다.
7. 테마 선택
테마를 볼 수 있는 사이트
마음에 드는걸 찾아서 다운로드 받으시면 됩니다.
여러 테마를 해봤는데 지금 시점부터 오래된 테마들은 뭔가 자꾸 충돌이 일어나더라구요.
최신껄로 하는걸 추천드립니다.
저는 http://jekyllthemes.org/themes/PlainWhite-Jekyll/ 이 테마로 했습니다.
8. 테마 적용하기
그림과 같이 전체를 ZIP 형태로 다운로드 받아서 압축을 풉니다.
이후 파일의 모든 내용물을 복사합니다.
복사한 내용 전부를 내 github.io 폴더에 붙여넣습니다.
파일은 모두 덮혀쓰기를 해줍니다.
이상태로 push 를 하면 테마가 바뀐뒤 적용 됩니다.
하지만 프로필을 설정하고 바꿔야하니 잠시 미루고
9. 블로그 설정하기
_congif.yml 열기
닉네임.github.io 폴더에 있는 _congif.yml 파일을 열어줍니다.
열고 들어가면 자신에 설정에 맞게 블로그를 수정할 수 있습니다. 수정이 끝난뒤 저장을 해주시면 됩니다.
이미지 같은 경우에는
name.github.io 폴더에서 assets 폴더로 이동한 후 이미지를 넣어주고
경로를 수정해주시면 됩니다.
이후 다시
git add .
git commit -m "메세지"
git push
를 해주시면 잠시 후에 테마와 수정사항이 적용된 블로그가 완성됩니다.