1. Github 저장소 생성

저장소 생성하기 Link

  • GitHub 블로그라서 GitHub 계정이 필요함
  • 저장소 : public
  • Repo 이름 : GitHubName.github.io (예. gptjs409.github.io)

    주의할 점 : 본인 GitHub Name이랑 동일하게 설정해야 함

    다르게 설정할 경우 404 발생 (옳은 예. gptjs409/gptjs409.github.io )



2. Jekyll remote 테마 선택

Jekyll(지킬)

  • 심플한 블로그 인식 정적 사이트 생성기
    • GitHub에서 채택한 가장 인기있는 정적 사이트 생성기(2017년 기준)
  • DB를 사용하는 대신 컨텐츠를 가져와 Markdown, Textil 등을 랜더링하고, 웹 서버에서 제공할 수 있는 완전한 정적 웹 사이트를 생성
  • GitHub 페이지의 엔진
    • 사용자가 추가 비용 없이 GitHub Repo 기반으로 웹 사이트를 호스팅할 수 있게 해주는 기능


GitHub 지원 Jeykyll 테마 Link

  • jekyll remote theme
  • 원하는 테마 선택



3. Jekyll 테마 설정

원하는 테마에서 _config.yml 복사하여 Github 최상위 경로에 넣기

  • 원하는 테마 (예) https://github.com/mmistakes/minimal-mistakes/blob/master/_config.yml
    • 위의 파일을 복사
    • raw를 선택하면 전체 복사가 편함


본인 레파지토리 (예)https://github.com/gptjs409/gptjs409.github.io

  • 생성한 Github 최상위 경로에 __config.yml 파일 넣기
  • Create new file로 생성했음(어떻게 넣던 상관 없음)
    • file name : _config.yml
    • Edit new file : 복사한 내용 붙여넣기


복사한 __config.yml

  • remote_theme 주석 해제 (필수)
 
  (수정 전)
  # remote_theme           : "mmistakes/minimal-mistakes"
  
  (수정 후)
  remote_theme           : "mmistakes/minimal-mistakes"
  • url 수정 (필수)
 
  (수정 전)
  url                      : # the base hostname & protocol for your site e.g. "https://mmistakes.github.io"
  baseurl                  : # the subpath of your site, e.g. "/blog"
  
  (수정 후 - url은 본인 github명으로 입력할 것)
  url                      : "https://gptjs409.github.io"
  baseurl                  : ""
  • 기타
 
  (수정 전)
  title                    : "Site Title"
  name                     : "Your Name"
  description              : "An amazing website."
  
  (수정 후)
  title                    : "Sun's Blog"
  name                     : "Choi HyeSun"
  description              : "Sun's website."



4. index.html 삽입

index.html

  • index.html 또는 index.md 파일이 Jekyll에서 정적 사이트를 생성할 때 가장 먼저 보여주는 페이지
  • 원하는 테마 (예) https://github.com/mmistakes/minimal-mistakes/blob/master/index.html
    • 위의 파일을 복사
    • raw를 선택하면 전체 복사가 편함
  • 본인 레파지토리 (예)https://github.com/gptjs409/gptjs409.github.io
    • 생성한 Github 최상위 경로에 index.html 파일 넣기
    • Create new file로 생성했음(어떻게 넣던 상관 없음)
    • file name : index.html
    • Edit new file : 복사한 내용 붙여넣기



5. 새 글 쓰기

_posts

  • Jekyll가 _posts 아래의 markdown 파일들을 정적 파일(html)로 생성해줌
    • 즉, blog에 적는 포스트화 해준다고 생각하면 편함
  • 테마마다 예시들을 보여주기도 함 Link


첫 번째 포스트

  • 맨 위에는 font-matter 설정을 해줘야 함 참고 Link
  • 테마별 예시에도 나와있음
  • 맨 위 설정은 다음과 같이 설정할 예정
 
  ---
  title:  "GitHub 블로그 만들기"
  permalink: /git/blog
  last_modified_at: 2018-02-19T08:05:34-05:00
  tags:
    - GitHub블로그
    - GitHubBlog
    - Blog
    - GitHub
    - Jekyll
  ---


내용 : 내용은 해당 글 자체를 올려보기


포스트 생성

  • https://github.com/gptjs409/gptjs409.github.io
    • Create new file (_posts/2019-10-10-make-blog.md)
    • _posts/ 디렉터리로 분류됨(/)
    • 보통 파일 명은 yyyy-mm-dd-filename.md 형식



삽질ING

익숙하지 않아서 삽질이 반복되고 있음

  • 삽질 Link
  • 삽질하는 부분 : 포맷이나 글씨체, URL 등 적용