[Git/GitHub] Jekyll 기반의 GitHub Page 생성(2-6) publishing

css 적용

나는 CSS 파일 minify에 실패했기 때문에 기존 custom.css 파일을 built 폴더로 옮긴 후 아래 코드를 복붙함

    <!--custom.css-->
    <link rel="stylesheet" type="text/css" href="{{ site.baseurl }}assets/built/custom.css" />

bundle exec jekyll serve로 재실행해보면 CSS 변경사항을 확인할 수 있음

---

깃허브(GitHub) 회원가입

게시판(JSP Model1) 깃/깃허브(Git/GitHub) 시작하기

이미 가입해서 영상으로 설명 대체

---

remote repository 생성

초록색 버튼 클릭

Repository name을 반드시 유저명.github.io로 → Public 체크 → Create repository

레포가 만들어짐

얘가 주소가 됨

---

깃(Git) 설치

게시판(JSP Model1) 깃/깃허브(Git/GitHub) 시작하기

---

local repository 생성

난 이미 다 깔아놔서 진작에 [GitHubPage] 폴더가 생성됨

VSCode에서 [GitHubPage]를 열고 → 왼쪽 Source Control 아이콘 → Initialize Repository

파일 목록이 뜨면 Stage All Changes

Changes가 Staged Changes로 바뀌면 Commit(체크표시 아이콘 클릭)

아무 메시지나 입력하고 엔터치면 됨

---

remote repository에 연결

… → Remote → Add Remote...

Add remote from GitHub 선택 후

유저명/유저명.github.io 선택

걍 안 헷갈리려고 똑같이 설정함

파란색 작업표시줄에 구름 모양 아이콘을 클릭하면 동기화 모양으로 바뀌면서

이 상태에서 새로고침 하면

원격 저장소에 푸시된 걸 확인할 수 있음

---

shinyelee

주소창에 유저명.github.io를 입력하면 내 블로그가 뜬다!

 

출처 : 

Jekyll 기반의 GitHub Page 생성(2) - 블로그 수정 & Publishing