2020.코딩일지

Jekyll 기반의 GitHub Page 생성(2-1)환경설정파일.36:55.깃페이지만들기(Git블로그) 본문

JEKYLL BLOG_GitPage

Jekyll 기반의 GitHub Page 생성(2-1)환경설정파일.36:55.깃페이지만들기(Git블로그)

개발하는라푼젤 2021. 7. 10. 00:09
728x90
영상~10분까지

IDE 얼큰우동님은 Webstorm으로 진행.

나는 VScode로 

 

영상12:13부터~

_config.yml 내용 복붙교체.

부분수정 :

owner name 내이름,

avatar 프로필사진photo.jpg

인스타깃헙 연결하려면 아이디적기

paginate 한페이지에 게시글20개 보여지도록

url 깃헙깃페이지주소 입력

title 블로그타이틀설정(메인대문 상단)

description 블로그부제설명(메인대문 하단)

cover 블로그커버이미지(메인대문 이미지) 위치 및 파일명은 assets/built/images/blog-cover1.png

  images폴더가 없으니 해당위치에 만들어주기

favicon 페비콘설정 위치 및 파일명은 assets/built/images/favicon.jpg

subscribers 구독 아니고 검색용도로 쓸 예정 (추후외부기능추가예정)

Disqus 댓글기능 **disqus shortname을 입력 ( disqus username이 아님 )

Google Analytics 방문자 통계

permalink: /:title 글제목으로 링크만들것임.

Travis-CI 설정입니다. 배포와 빌드 자동화

destination: ../[GitHubPage]/ 결과물은 상위폴더 GitHubPage폴더에 저장하도록 설정.

 

영상33:45~
Jekyll build 작업을 할 때 한가지 주의해야 할 점이 있습니다.
기본적으로 Jekyll build는 development 세팅으로 진행됩니다.
만약 실제 GitHub Page에 Publishing할 목적으로 build하는 것이라면 JEKYLL_ENV 환경변수의 값을 production으로 설정한 후 build를 진행해야 합니다.

탐색기-내PC에 우클릭-속성-고급시스템설정-'고급' 탭-하단에 '환경변수'-상단에 '새로만들기'클릭

-변수이름 부분에 'JEKYLL_ENV' 입력, 변수값 부분에 'production' 입력. - 확인 버튼 -확인 -확인

(블로그의 글을 깃허브페이지에 서비스할 수 있게 됨-url생성)

 

 

 

 

 

REFERENCE

https://moon9342.github.io/jekyll-struct

 

 

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

Jekyll 기반의 GitHub Page 생성은 여러 절로 구성되어 있습니다. Jekyll 기반의 GitHub Page 생성(1) - 환경설정 Jekyll 기반의 GitHub Page 생성(2) - 블로그 수정 & Publishing Jekyll 기반의 GitHub Page 생성(3) - 웹 폰트

moon9342.github.io

 

 

Comments