Github 블로그 생성기(2)

지난 시간에 마음에 드는 Jekyll Theme를 로컬로 Clone 받은 뒤, 'Username.github.io' 의 이름으로 만든 Repository에 Push 하는 것까지 마쳤다.

물론 이 과정에는 Clone 받은 폴더의 Git 연결을 끊고, 내 Repository로 새로 Remote해주는 것이 필요하다.[1^]

이 부분을 간략히 설명하자면,

git remote remove origin
--> Git 연결 해제

git remote -v
--> 현재 연결된 원격 저장소 확인 (연결 해제 확인)

git remote add origin <repository주소>
--> 내 repository로 연결

하지만 이대로 github repo로 push 하면 git repo에서 build 과정 중 에러가 뜬다. 그러므로, Chirpy 테마를 초기화 시켜주도록 하자.

리눅스 운영체제 MAC에서는 bash를 써서 init을 하면되지만… 윈도우는 수작업이 필요하다.

초기 세팅

초기화

Linux(Mac) 인 경우

bash tools/init.sh
커맨드로 쉽게 초기화가 가능

Windows 인 경우 - 직접 수정

• Gemfile.lock 파일 삭제
• .travis.tml 파일 삭제
• _posts 디렉토리 삭제
• docs 디렉토리 삭제
• .github/workflows/pages-deploy.yml.hook 파일을 제외한 나머지 파일 삭제
• .github/workflows/pages-deploy.yml.hook 파일명을 pages-deploy.yml로 변경

만약 애초에 존재하지 않는 파일이 있다면 건너 뛰어도 무방

이제 로컬 repository의 root 디렉토리로 돌아가 아래 커맨드를 실행

bundle install

그 뒤, 이제 config 파일을 수정해줘야한다.

config 설정

현재 블로그는 chirpy 개발자가 만든 default로 설정되어 있기 때문에, 설정을 변경해줘야 한다.

_config.yml 파일을 열어서 아래 사항들을 수정하도록 하자.

lang	웹 페이지의 언어를 선택합니다. 지원하는 언어의 종류는 /_data/locales/ 에서 확인하실 수 있습니다.
timezone	Timezone 설정입니다. 한국에 거주하신다면 Asia/Seoul을 입력해주세요.
title	블로그의 타이틀 입니다.
tagline	블로그의 서브 타이틀 입니다.
description	자세히는 모르겠으나… 블로그 소개 적으시면 될 듯 합니다.
url	"https://{my_github_username}.github.io" 형식으로 적어주세요.
github_username	자신의 github username을 적으면 됩니다.
social_name	자신의 이름이나 닉네임을 적으시면 됩니다.
social_email	자신의 이메일 주소를 적습니다.
social_links	자신의 소셜 링크 주소를 적습니다.
avatar	자신의 프로필 사진 링크를 적어주시면 됩니다. 주로 /assets/img/ 디렉토리 안에 이미지를 저장합니다.
paginate	메인화면 한 페이지에 보여줄 게시글 갯수를 정합니다.

(추가) config - 댓글 설정

댓글 서비스를 구현하기 위해서 보통 utterances 를 이용한다. 자세한 내용은 아래 블로그를 참고하자.

utterances을 사용하여 Jekyll 블로그에 댓글 기능을 구현하기

참고 블로그의 포스팅 내용을 간단히 정리하면,

1. utterances는 기본적으로 GitHub의 이슈를 만듬으로써, 댓글을 생성한다.
2. 따라서 utterances가 내 Github.io Respository에 GitHub 이슈를 만들 수 있도록 연동하고 권한을 부여해야 한다.
   • 권한 부여 설정 링크
3. 이제 스크립트를 설정해야하는데, 우리는 _config.yml 설정만 바꿔주면 된다.

comments:
  active: utterances
  utterances:
    repo: ByeongbumSeo/ByeongbumSeo.github.io
    issue_term: url
    theme: github-light
    crossorigin: anonymous

이런 식으로 yml 파일을 설정하면 댓글 설정이 완료된다.
이제 댓글 작성 시 내 ByeongbumSeo/ByeongbumSeo.github.io의 ISSUE 탭에 등록(저장)되고, 해당 포스트에서 댓글로 보이게된다.

---