github 블로그 만들기(2)
저번 글에서 jekyll을 실행해서 블로그를 github.io에 띄웠다 이번에는 자신의 블로그에 테마 적용하는법은 작성해본다 테마마다 적용하는 방법이 약간씩 다르다
1. 원하는 테마 찾기
jekyll을 이용하는 테마는 엄청 많은데 자신의 블로그의 취향에 따라 정하면 된다
위 사이트에서 원하는 테마를 선택하고 github페이지를 들어가서 테마를 다운 받는다
저는 여기서 1번 링크에 있는 Monophase테마를 적용했습니다
자기가 정한 테마의 github로 들어가서 코드를 다운 받는다 코드 버튼 클릭후
다운후에 zip파일을 푼다
2. 테마 적용하기
다운로드 받은 폴더 안의 모든 파일을 복사한다
그 다음 자신의 github블로그 폴더(github.io폴더)에 붙여넣는다
그럼 이 경고 창이 뜨는데 모두 대치를 적용시켜준다
만약 yml파일의 url이 본인의 url로 안되어있으면 수정한다
이제 받은 테마에 있는 readme.md 파일을 보고 테마를 설정해줘야한다(테마마다 다름 Monophase 기준)
이 테마의 readme에 따라서
Add this line to your Jekyll site’s Gemfile:
gem "monophase"
And add this line to your Jekyll site’s _config.yml:
theme: monophase
And then execute:(터미널에서)
bundle입력
bundle install 와 같이 bundle를 설치이다
bundle exec jekyll sever를 통해서 로컬 서버를 실행시킨다
3. 서버 실행하기(오류 나와서 오류 해결법)
위 bundle exec jekyll sever 후에 아래위 에러가 떴다
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
[!] There was an error parsing `Gemfile`: You cannot specify the same gem twice coming from different sources.
You specified that monophase (>= 0) should come from source at `.` and
. Bundler cannot continue.
\# from /Users/minnnning/Desktop/minnnning.github.io/Gemfile:6
\# -------------------------------------------
\#
\> gem "monophase"
\# -------------------------------------------
gemfile의 gemspec를 지워주었더니 정상적으로 실행되었다
로컬 주소에 접속하면 테마가 적용된것을 알 수 있다
사진처럼 테마가 적용될것이다 사진은 현재 사용하는 페이지라서 많지만 처음에는 글 하나와 위 카테고리도 없을것이다(나중에 적용)
테마가 적용 된것을 로컬에서 확인했고 이제 github에 올려서 확인해야한다
4. github에 올리기 (오류 해결)
사실 이 과정은 별것없고 그냥 로컬파일을 github에 올리기만 하면 된다
터미널 위치를 github.io폴더로 이동(아마 아까와 계속 같은 위치일 것이다)
git add * 폴더 안 모든 파일을 추가함
git commit -m "theme add" 커밋
git push 푸시
github에 푸시하면 본인의 github.io로 접속해서 올라가 페이지를 볼 수 있다
저는 github안에서 오류가 났는데 push는 정상적으로 되었다고 해도 페이지가 보이지 않았다
내 레포의 action을 보니 github.io에 내 페이지를 올리는 과정에서 에러가 난것 같았다(push는 정상적으로 이루어짐)
yml파일에서 테마를 monophase롤 바꿨는데 정상적으로 인식은 못하는것 같다
gem install monophase 도 해봤는데 같은 에러가 나온다
해결하기위해 theme를 remote_theme: monophase로 바꿨다 참고한 사이트
바꾸고 다시 bundle exec jekyll serve 를 했는데
1
Liquid syntax error (/Users/minnnning/Desktop/minnnning.github.io/_includes/head.html line 8): Unknown tag 'seo' included (Liquid::SyntaxError)
에러가 떴다 seo관련된게 없다고 하니까 추가한다
터미널에서 gem install jekyll-seo-tag 입력
yml파일에 들어가서 plugins에 - jekyll-seo-tag 를 추가 한다
이제 bundle exec jekyll serve를 통해서 로컬 작동을 확인하고 github에 push해서 자신의 블로그가 정상적으로 뜨는지 확인한다!!!