github 에서 무료로 호스팅하는 웹페이지로 github.io 도메인을 사용한다.
페이지의 저장소는 1GB 사용할 수 있어 다양하게 활용될 수 있다.
[github pages 생성]
1. "계정명.github.io"(ysoftman.github.io) 이름의 저장소를 생성
2. index.html 파일을 저장소 루트 경로에 추가
3. 이제 https://ysoftman.github.io/ 접속하면 index.html 내용이 보인다.
[github page 자동 페이지 생성]
ysoftman.github.io 저장소 -> settings -> github pages -> overwrite site -> launch automatic page generator
실행하면 다양한 기능(header,footer,theme...)을 손쉽게 설정할 수 있다.
내용은 markdown 형식으로 작성하고 publish page 하면 저장소에 images, css, html 등이 자동 생성(수정)되는것을 알수 있다.
[jekyll 사용하기]
지킬박사와 하아드에서 '지킬'을 뜻함~ㅋ
지킬은 ruby 오픈소스로 디렉토리 전체를 웹페이지로 변경해주는 툴이다.
사실 github pages 뒷단에서는 지킬 이 돌고 있다고 한다.
# jekyll 설치
gem install jekyll
# 기타 설치
gem install bundler
gem install minima
# 디렉토리 내용을 자동 생성
cd test
jekyll build
자동생성후 test/에서 jekylly serve 하면 http://localhost:4000 으로 서비스할 수 있다.
또는 자동생성된 파일들을 github page 로 올려 사용해도 된다.
참고
https://jekyllrb-ko.github.io/
ysoftman.github.io 저장소 -> settings -> github pages -> overwrite site -> launch automatic page generator
실행하면 다양한 기능(header,footer,theme...)을 손쉽게 설정할 수 있다.
내용은 markdown 형식으로 작성하고 publish page 하면 저장소에 images, css, html 등이 자동 생성(수정)되는것을 알수 있다.
[jekyll 사용하기]
지킬박사와 하아드에서 '지킬'을 뜻함~ㅋ
지킬은 ruby 오픈소스로 디렉토리 전체를 웹페이지로 변경해주는 툴이다.
사실 github pages 뒷단에서는 지킬 이 돌고 있다고 한다.
# jekyll 설치
gem install jekyll
# 기타 설치
gem install bundler
gem install minima
# 디렉토리 내용을 자동 생성
cd test
jekyll build
자동생성후 test/에서 jekylly serve 하면 http://localhost:4000 으로 서비스할 수 있다.
또는 자동생성된 파일들을 github page 로 올려 사용해도 된다.
참고
https://jekyllrb-ko.github.io/
comments:
댓글 쓰기