테마 적용 이전 활동들에 대한 레포지토리는 https://github.com/yubin221/KMU_Blog 에 있습니다
https://yubin221.github.io/ 를 통해 블로그로 이동할 수 있습니다!
해당 블로그는 크게 아래의 단계를 거쳐 제작하였습니다
- Jekyll 기본 블로그 생성(현 KMU_Blog)
- Lanyon 테마 적용 및 댓글 기능 추가(현 KMU_Blog)
- Memoirs 테마 재적용 및 한글화, 각종 기능 추가(현 yubin221.github.io)
- Github에서 yubin221.github.io 이름의 Repo 생성함(현재 KMU_Blog로 이름 변경됨)
- Repository 주소를 복사한 뒤 Git에서
git clone <repo_name> blog
실행 - 로컬 blog폴더에 yubin221.github.io 레포지토리 연동 완료
- https://jekyllrb-ko.github.io/docs/installation/windows/ 의 방법에 따라 Jekyll을 설치함
- blog 디렉토리에서
jekyll new . --force
을 실행하여 blog 디렉토에 Jekyll을 설치 bundle exec jekyll serve
실행하여 서버 실행, localhost:4000 에서 제작된 블로그 확인git add *
실행하여 변경 파일 지정 후git commit -m "add: jekyll on repository"
로 커밋git push origin main
을 통해 지금까지 변경사항을 Github에 Push- 지금 단계까지의 커밋 기록은 여기에서 확인할 수 있습니다
- _posts 폴더에 YYYY-MM-DD-TITLE.md 형태로 Markdown 문서 생성
- 다음과 같은 형태로 Post 문서 시작부분 작성후 Markdown 형식으로 내용 작성
---
layout: post
title: "MongoDB 정리"
date: 2021-11-10 20:34:09 +0900
categories: jekyll update
---
- Commit및 Push
- 지금 단계까지의 커밋 기록은 여기에서 확인할 수 있습니다
- Lanyon 테마를 git clone하여 로컬에 받아옴
- 의존성을 감안하여 _post를 제외하고 테마를 blog폴더에 덮어씌움
- 변경된 파일들을 Git에 Add 및 Commit, Github에 Push함
- 지금 단계까지의 커밋 기록은 여기에서 확인할 수 있습니다
- Disqus 가입 및 새팅 진행
- _config.yml에 key-value추가
- Universal Code복사 후 _layouts/post.html에 해당 코드 붙여넣기 후 코드 양 끝에
{% if page.comments %}
와{% endif %}
추가 - 주석 해제 후, PAGE_URL과 PAHE_IDENTIFIER설정
- _posts/에 있는 Markdown파일들에 다음과 같이 comments: True로 지정
---
layout: post
title: "MongoDB 정리"
date: 2021-11-10 20:34:09 +0900
categories: jekyll update
comments: true
---
덮어 씌웠던 Lanyon 테마가 맘에 안들어서(ㅎ..)
- 기존 yubin221.github.io 레포지토리 이름을 KMU_Blog로 수정
- 새 yubin221.github.io 레포지토리 생성
- Repository 주소를 복사한 뒤 Git에서
git clone <repo_name> 블로그
실행하여 로컬 저장소와 Github 연동 - https://bootstrapstarter.com/jekyll-theme-memoirs/ 에서 테마 다운로드 후
gem install bundler
bundle install
bundle exec jekyll serve
실행 - 수많은 오류와의 만남과 구글링
- 오류 해결 완료 및 사이트 작동 확인
- 404 페이지, _config.yml 등 일부정보 수정 후 깃허브에 커밋 및 푸시
- 지금 단계까지의 커밋 기록은 여기에서 확인할 수 있습니다.
- _config.yml 수정 및 Disqus 기능 추가 시도(Universal Code), 포스트 작성자 수정
- 로컬호스트에서는 홈페이지가 정상적으로 나타나지만, Github에서는 나오지 않는 오류 수정(config.yml의 baseurl 삭제)
- 댓글기능 업데이트 (_config.yml의 disqus란에 닉네임 기록하면 '{{site.disqus}}'로 전달 되는것을 확인하였음. 그로 인해 _includes/disqus.html에 수정했던 내용 롤백)
- 블로그 한글화, _config.yml 설명 변경, 로고 제작 및 로고 변경(favicon추가)
- 한글화 그리고 한글화의 반복
- 메일 문의와 뉴스레터 구독 기능 추가(formspree, mailchimp) 이에 대한 자세한 내용은 다음글에서 확인할 수 있습니다.
- 데모 포스트와 필요없는 이미지 삭제 및 신규포스트(타 과목 스터디 내용)추가
- 마크다운과 관련된 설명 포스트 추가
- 이메일 문의 기능과 뉴스레터 활성화 포스트 추가