github 블로그 이사(1)

작업 시간 순서대로 기록, 나중에 github 블로그 구축되면 그곳에 별도로 정리할 예정

 

[작업 환경]

회사 Windows 컴퓨터 위 WSL2

 

[해당 게시물에서 다룬 내용]

개발환경 세팅, 지킬 테마 적용, 기본 config 및 이미지 수정, 덧글 기능 수정

 

 

2024.08.08

• github 에 woocosmos.github.io 라는 이름으로 레포지토리 생성
• 회사 컴에서 git clone
  • server certificate verification error 발생하여 git config --global http.sslVerify false 설정 : 보안상 안 좋으나 곧 포맷할 컴퓨터이기 때문에 과감히 ..
• ruby 설치하는데 SSH 관련 에러로 반나절 동안 고생했다. rbenv로 관리한다면 좀 다를까- 싶어서 rbenv로 다시 시도해보았다.

ERROR:  SSL verification error at depth 1: self signed certificate in certificate chain (19)
ERROR:  Root certificate is not trusted (어쩌구)

 

2024.08.09

• ruby 설치
  • rbenv 로 관리하기로 함
  • ruby 관련 dependencies 설치 : sudo apt install git curl libssl-dev libreadline-dev zlib1g-dev autoconf bison build-essential libyaml-dev libreadline-dev libncurses5-dev libffi-dev libgdbm-dev
  • rbenv-installer를 깃헙에서 바로 가져와 설치: curl -k -fsSL https://github.com/rbenv/rbenv-installer/raw/HEAD/bin/rbenv-installer | bash
    • SSL 에러가 있어서 -k 옵션을 추가함
  • echo 'export PATH="$HOME/.rbenv/bin:$PATH"' >> ~/.zshrc
    echo 'eval "$(rbenv init -)"' >> ~/.zshrc
    source ~/.bashrc
  • type rbenv 하면 bash에 설치된 것을 확인할 수 있음
  • 그 다음 ruby를 설치하려면 `rbenv install 3.2.0' 하면 되는데 SSL 에러로 curl 단계부터 막힘
    • 따라서 curl 부분은 수정으로 진행함
      curl -k -q -fL -o ruby-3.2.0.tar.gz https://cache.ruby-lang.org/pub/ruby/3.2/ruby-3.2.
      0.tar.gz (역시 k옵션)
      
      
    • mv ruby-3.2.0.tar.gz ~/.rbenv/cache
    • 이제 설치됨
    • 마지막으로 : rbenv global 3.2.0
    • 최종 확인 : ruby -v

 

• gem 세팅
  • echo "gem: --no-document" > ~/.gemrc
  • SSL 에러 회피하기 위해 또 수정 : vi ~/.gemrc
    
    • 이 문구 추가 : :ssl_verify_mode: 0
  • gem update --system : SSH 에러는 뜨지만 진행은 된다
  • bundler 설치 : gem install bundler
  • gem env home 으로 내용 확인
• jekyll 설치
  • gem install jekyll
  • 4.3.3 버전으로 설치 됐다 

 

jekyll에서 마음에 드는 네 가지를 추렸는데, 하나를 베이스로 기능을 수정, 추가하려고 한다

• 베이스 테마 선택하고 git fork => repository 이름은 woocosmos.github.io 로 설정
• 로컬로 git clone ..
• _config 수정
• 덧글 기능 추가 위해 disqus 회원가입
  • shortname 기입하고,
  • _config 수정
  • Disqus 스크립트 복사 - _includes/disques.html 이 이미 존재하여 일단 추가 후 주석 처리
• 여기까지 일단 git push 해보겠음
  • 참고로 remote로 push 할 때 personal access tokens 생성해서 password에 토큰 넣어주어야 함
• 한번 push 하니까 배포가 됐당

 

개발 서버

• 수정 사항 바로 확인하기 위해 jekyll로 개발서버를 띄운다
• 필요 라이브러리 설치: gem install github-pages
• bundle update
  • ssl 에러 회피하기 위해 Gemfile 에서 source 를 HTTP 로 수정 (위험한 방법이지만요)
• jekyll server 하면 로컬 서버 띄워진다 (http://127.0.0.1:4000/)
  • 저장할 때마다 실시간 반영되는 것을 보려면 --force_polling 옵션 추가하면 된다

 

아바타 변경하기

• 기존에 아바타 이미지를 url 로 읽어오기 때문에 프로젝트 폴더에 직접 저장한 png 파일로 읽어오게 바꾸었다
• nav.html 에서 이미지 소스를 수정 ==> <img src="{{ site.baseurl }}/images/avatar.png"/>, if 문도 수정 (config 에서 avatar 변수가 있을 경우로 조건문 설정되어 있었기때문에)

 

 

favicon이 없다는 에러가 갑자기 발생하여? 일단 추가했다

• 원하는 png로 fabicon 생성하기 => 여기서 .. https://www.favicon-generator.org/
• head.html 에 추가 : <link rel="icon" type="image/png" href="/images/favicon.ico">

배경 투명화는 나중에 ...