From 2075d8d2b189817eb6f818cc55915fe26a0ff9a3 Mon Sep 17 00:00:00 2001
From: HYUNWOONG CHO <74458082+padeume@users.noreply.github.com>
Date: Tue, 17 Dec 2024 01:53:16 +0900
Subject: [PATCH] =?UTF-8?q?=5Fposts/2024-12-17-ubuntu-=EB=A1=9C=EC=BB=AC-?=
=?UTF-8?q?=EA=B8=B0=EB=B0=98=EC=9D=98-chirpy-=ED=85=8C=EB=A7=88-Github-?=
=?UTF-8?q?=EB=B8=94=EB=A1=9C=EA=B7=B8-=EB=A7=8C=EB=93=A4=EA=B8=B0.md=20cr?=
=?UTF-8?q?eated=20from=20https://stackedit.io/?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit
---
...0-\353\247\214\353\223\244\352\270\260.md" | 380 ++++++++++++++++++
1 file changed, 380 insertions(+)
create mode 100644 "_posts/2024-12-17-ubuntu-\353\241\234\354\273\254-\352\270\260\353\260\230\354\235\230-chirpy-\355\205\214\353\247\210-Github-\353\270\224\353\241\234\352\267\270-\353\247\214\353\223\244\352\270\260.md"
diff --git "a/_posts/2024-12-17-ubuntu-\353\241\234\354\273\254-\352\270\260\353\260\230\354\235\230-chirpy-\355\205\214\353\247\210-Github-\353\270\224\353\241\234\352\267\270-\353\247\214\353\223\244\352\270\260.md" "b/_posts/2024-12-17-ubuntu-\353\241\234\354\273\254-\352\270\260\353\260\230\354\235\230-chirpy-\355\205\214\353\247\210-Github-\353\270\224\353\241\234\352\267\270-\353\247\214\353\223\244\352\270\260.md"
new file mode 100644
index 00000000000..35747f8ce11
--- /dev/null
+++ "b/_posts/2024-12-17-ubuntu-\353\241\234\354\273\254-\352\270\260\353\260\230\354\235\230-chirpy-\355\205\214\353\247\210-Github-\353\270\224\353\241\234\352\267\270-\353\247\214\353\223\244\352\270\260.md"
@@ -0,0 +1,380 @@
+
+# ubuntu 24.04 LTS를 로컬로 사용하는 chirpy 테마 Github 블로그 만들기 (배포용)
+
+ with Chat GPT for 어설픈 초보 feat. vscode by folk
+
+---
+Last Edited : 2024-12-15
+
+AWS Lightsail에서 ubuntu 24.04 인스턴스 설치 및 각종 ssh 관련 내용은 생략합니다.
+
+- 어렵지 않아서 생략합니다.
+
+
+
+
+남들 다 만드는 pc windows환경이 아니라 굳이 remote 서버에 설치하는 이유는 내 맘입니다.
+
+
+
+remote 서버에 각종 프로그램등을 설치할 때는, 반드시 사전에 설치 환경부터 알아봐야 함을 역시 삽질을 통해 한 수 깨닫고 다시 이 작업을 진행합니다.
+
+
+
+vscode와 ubuntu 24.04 LTS 연결방법은 생략합니다. (알아서 오시라는 말씀)
+
+- 다만, remote ssh 연결관련하여, .ppk 를 반드시 .pem 으로 변환해야 하는 데, 이 때 Puttygen을 이용하는 방법이 가장 깔끔합니다.
+
+
+
+
+이 포스팅은 ubuntu 24.04 LTS에 따른 프로그램들이 설치되지 않은 상태에서 작성된 내용입니다. 혹시 다른 프로그램이 이미 설치되어 있는 인스턴스에 설치하는 경우 예상못한 에러 등이 발생할 수 있습니다.
+
+
+
+special thanks to : https://www.irgroup.org/posts/jekyll-chirpy/#google_vignette
+
+----------
+
+# 0. 최소세팅 (vscode 이용)
+
+vscode로 진입하여 다음 작업 진행하기.
+
+별다른 안내가 있을 때까지 ubuntu 디렉토리에서 작업합니다.
+
+ubuntu@ip-XXX-XX-X-XXX:~$ 이런 프롬프트를 확인하시면 됩니다.
+
+#### ==sudo apt update==
+
+#### ==sudo passwd root==
+
+
+
+
+# 1. Github 가입
+
+가입 과정은 생략, 일단 가입만 하고 로그인까지만 진행합니다.
+
+- 어렵지 않습니다.
+
+
+
+
+# 2. chirpy 초기화를 위한 npm 설치
+
+#### ==sudo apt update && sudo apt upgrade -y==
+
+----------
+
+만약 아래와 같은 화면이 나온다면,
+
+
+
+대부분의 경우, **keep the local version currently installed**를 선택하는 것이 좋습니다. 이 옵션은 로컬에서 수정한 설정(sshd_config)을 유지하며, SSH 접속 환경이 기존과 동일하게 유지됩니다.
+
+----------
+
+
+
+#### ==curl -fsSL https://deb.nodesource.com/setup_18.x | sudo -E bash -==
+
+#### ==sudo apt install -y nodejs==
+
+
+
+설치 확인
+
+#### ==node -v==
+
+#### ==npm -v==
+
+
+
+최신버전 확인
+
+#### ==sudo npm install -g npm@latest==
+
+
+
+# 3. chirpy 테마 설치
+
+## 1. ubuntu Git 설정
+
+Git 사용자 정보를 설정. 아이디와 이메일은 예시이니, 각자 변경해서 사용하시기 바랍니다.
+
+#### ==git config --global user.name "codepoemkr"==
+
+#### ==git config --global user.email "codepoemkr@kmail.kr"==
+
+
+
+# Git 설정 확인
+
+#### ==git config --list==
+
+
+
+## 2. 블로그 프로젝트 생성
+
+home 디렉토리에서 작업합니다.
+
+현재 /home/ubuntu 라면 cd .. 명령어로 /home/ 디렉토리로 이동합니다.
+
+ubuntu@ip-XXX-XX-XX-XXX:/home$ 이런 식으로 나와야 합니다.
+
+#### ==sudo mkdir -p /home/blog==
+
+#### ==sudo chown -R ubuntu:ubuntu /home/blog==
+
+#### ==cd /home/blog==
+
+이 때 vscode도 작업 디렉토리를 이동합니다.
+
+
+
+
+## 3. 로컬과 github 통신을 위한 access token 등록
+
+1. Github 로그인 후 오른쪽 상단 프로필 이미지 클릭
+
+2. 중간부분에 Settings
+
+
+
+
+3. 왼쪽 맨 하단에 <> Developer Settings
+
+
+
+
+4. 왼쪽 하단 Personal access tokens
+
+
+
+
+
+
+5. tokens (classic) - Generate new token (classic) ( 보통 90일용 선택 )
+
+
+
+
+
+
+
+
+6. 비번 입력 후 하단의 classic 선택
+
+7. 적당히 사용용도 입력 ( 필자는 vscode라고 함 )
+
+8. 나도 잘 몰라서 그냥 다 선택 후 맨 하단 Generate token
+
+
+
+
+9. ghp_로 시작하는 토큰을 잘 복사해서 보관
+
+
+
+
+#### ==sudo git remote set-url origin https://codepoemkr:ghp_XXXXXXXXXXXXXXXXXXXXXXXXX@github.com/codepoemkr/codepoemkr.github.io.git==
+
+
+
+
+
+## 4. Chirpy 테마 fork
+
+----------
+
+
+
+chirpy 테마는 여러가지 방법으로 받을 수 있는 데, remote 서버를 로컬로 사용할 때는 folk가 가장 효율성과 성공율이 높은 듯 합니다.
+
+아울러 커스터마이징, 애드센스 용도로도 다른 방법보다 좀 더 유리하다고 합니다.
+
+일반 pc가 아닌 remote 서버에 jekyll 테마를 최초 설치하고자, 약 3일 밤낮을 삽질하였으나, 결론은 이 두번째 방법이 성공했고, 효율적인 측면에서도 필자는 이 방법으로 chirpy 테마를 설치합니다.
+
+아울러 현재 보통의 Github는 default로 main 브랜치를 권장하고 있으나, chirpy 테마를 folk하면 default branch가 master로 세팅됩니다.
+
+본인은 이것을 main 으로 변경 작업하고자 여러번 시도하였으나, 실력과 경험이 미천하여 그냥 master로 사용합니다.
+
+----------
+
+
+
+
+[https://github.com/cotes2020/jekyll-theme-chirpy/fork](https://github.com/cotes2020/jekyll-theme-chirpy/fork)
+
+Github에 로그인 되어 있는지 확인하고, 로그인 상태로 위 링크를 사용해서 소스를 folk 받습니다. Create fork 클릭.
+
+
+
+
+
+folk 성공
+
+
+
+## 5. Repository 이름 바꾸기
+
+
+github의 블로그를 기본 도메인을 사용할 때는 repository 이름을 .github.io 형식으로 만들어야 합니다.
+
+- github 블로그는 기본적으로 아이디당 하나의 블로그 (주소)를 제공합니다.
+
+
+- github > fork 받은 저장소 > Settings 화면으로 이동
+
+- Repository name을 .github.io 형식으로 변경
+
+- 중간정도 내려서 Features - issues에도 체크 권장
+
+- rename 버튼 클릭
+
+- 저장소 Code 화면으로 돌아오게 되며, 상단에 보면 방금 바뀐 이름으로 저장소 명이 보이게 될 겁니다.
+
+
+
+
+
+
+----------
+
+
+
+## 6. 소스 클론 내려받기
+
+개인적으로 이 부분이 그동안 3일 밤낮의 삽질을 종결시켜준 부분이며, Github의 여러 기능 중 백미가 아닐까 생각됩니다. 그야말로 신세계가 펼쳐지는 기분.
+
+
+
+
+
+
+
+HTTPS 복사
+
+vscode 터미널에서 ubuntu@ip-XXX-XX-X-XXX:/home/blog$ 상태 확인
+
+#### ==git clone https://github.com/codepoemkr/codepoemkr.github.io.git==
+
+
+
+성공!
+
+
+
+이제 디렉토리를 codepoemkr.github.io 로 터미널과 vscode에서도 File -> Open Folder에서 변경해 줍니다.
+
+
+
+ubuntu@ip-XXX-XX-X-XXX:/home/blog/codepoemkr.github.io$
+
+이런 상태가 인지 확인하세요.
+
+
+
+
+
+
+
+## 7. chirpy 초기화 하기
+
+#### ==cd codepoemkr.github.io==
+
+#### ==tools/init.sh==
+
+아주 기가 맥힙니다 ㅋ
+
+중간에 노란색 warn나와도 쿨하게 넘어가세요.
+
+
+
+
+
+#### 토큰 설정
+
+#### ==sudo git remote set-url origin https://codepoemkr:ghp_XXXXXXXXXXXXXXXXXXXXXXX@github.com/codepoemkr/codepoemkr.github.io.git==
+
+
+
+#### ==git config pull.rebase false==
+
+일단 강제 병합 설정정함.
+
+
+
+그리고 나서 Sync Changes 한번 클릭
+
+
+
+
+
+
+물론 OK
+
+github -> Actions 에서 기분좋은 성공
+
+
+
+웹브라우저에서 codepoemkr.github.io 로 확인!
+
+
+
+
+
+이제부터 좀 더 깔끔한 작업을 위한 2단계 클렌징. 어쩌면 이것은 깃허브의 위대한 기능이며, 이 과정을 잘 보시면 뭔가 굉장한 영감이 떠오르실 듯~ㅎ
+
+이거슨 저만의 노하우 ㅋㅋㅋ
+
+
+
+## 8. chirpy 클렌징
+
+#### ==cd /home/blog==
+
+로컬 초기화
+
+#### ==rm -rf codepoemkr.github.io==
+
+
+
+다시 위에 사용했던 명령어로 git clone
+
+이러면 이미 초기화된 github 블로그를 불러올 수 있음. (maybe 어디에서나!!!)
+
+#### ==git clone https://github.com/codepoemkr/codepoemkr.github.io.git==
+
+#### ==cd codepoemkr.github.io==
+
+
+
+토큰 재설정
+
+#### ==sudo git remote set-url origin https://codepoemkr:ghp_XXXXXXXXXXXXXXXXXXXXXXXXX@github.com/codepoemkr/codepoemkr.github.io.git==
+
+
+
+
+
+
+
+이제 부터 본격적인 커스터마이징을 맘껏 하시면 됩니다.
+
+이 때 최초 한번은
+
+
+
+git add .
+
+
+
+명령을 주셔야, vscode git에서 통상적인 commit and Sync가 진행될 것입니다.
+
+
+
+고맙습니다.
+
\ No newline at end of file