Jekyll을 사용하여 GitHub Pages 사이트에 테마 추가

참고

github-pages gem은 일부 워크플로에서 계속 지원되지만 이제 GitHub Actions는 GitHub Pages 사이트를 배포하고 자동화하는 데 권장되는 방법입니다.

리포지토리에 대한 쓰기 권한이 있는 사용자는 Jekyll을 사용하여 GitHub Pages 사이트에 테마를 추가할 수 있습니다.

데이터 재사용 가능 항목.pages.test-locally %}

지원되는 테마

기본적으로 지원되는 테마는 다음과 같습니다.

        [Architect](https://github.com/pages-themes/architect)

        [Cayman](https://github.com/pages-themes/cayman)

        [Dinky](https://github.com/pages-themes/dinky)

        [Hacker](https://github.com/pages-themes/hacker)

        [윤일](https://github.com/pages-themes/leap-day)

        [Merlot](https://github.com/pages-themes/merlot)

        [Midnight](https://github.com/pages-themes/midnight)

        [Minima](https://github.com/jekyll/minima)

        [최소](https://github.com/pages-themes/minimal)

        [Modernist](https://github.com/pages-themes/modernist)

        [슬레이트](https://github.com/pages-themes/slate)

          [Tactile](https://github.com/pages-themes/tactile)

        [타임머신](https://github.com/pages-themes/time-machine)

또한, jekyll-remote-theme Jekyll 플러그 인도 사용할 수 있으며, 다른 테마를 로드할 수 있습니다.

테마 추가

GitHub에서 사이트의 리포지토리로 이동합니다.
사이트의 게시 원본으로 이동합니다. 자세한 내용은 GitHub Pages 사이트의 게시 소스 구성을(를) 참조하세요.

       `_config.yml`으로 이동합니다.

파일 보기의 오른쪽 위 모서리에서 을 클릭하여 파일 편집기를 엽니다.
테마 이름의 파일에 새 줄을 추가합니다.
- 지원되는 테마를 사용하려면 테마 리포지토리의 theme: THEME-NAME에서와 같이 _config.yml을 입력합니다. 이때 THEME-NAME을 테마 이름으로 바꿉니다. 대부분의 테마는 jekyll-theme-NAME 명명 규칙을 따릅니다. 지원되는 테마 목록은 GitHub Pages 사이트에서 지원되는 테마를 참조하세요. 예를 들어 Minima 테마를 선택하려면 theme: jekyll-theme-minimal을 입력합니다.
- GitHub에 호스트된 다른 Jekyll 테마를 사용하려면 테마 리포지토리의 추가 정보와 같이 remote_theme: THEME-NAME을 입력하여 THEME-NAME을 테마 이름으로 바꿉니다.
변경 내용 커밋... 을 클릭합니다.
"커밋 메시지" 필드에, 파일의 변경 내용을 설명하는 커밋 메시지를 간결하고 명확하게 입력합니다. 커밋 메시지에서 둘 이상의 작성자가 커밋의 특성을 지정할 수 있습니다. 자세한 내용은 여러 작성자와 커밋 만들기을(를) 참조하세요.
커밋 메시지 필드 아래에서 현재 분기 또는 새 분기에 커밋을 추가할지 여부를 결정합니다. 현재 분기가 기본 분기인 경우 커밋에 대한 새 분기를 만든 다음 끌어오기 요청을 만들도록 선택해야 합니다. 자세한 내용은 끌어오기 요청 만들기을(를) 참조하세요.
변경 내용 커밋 또는 변경 내용 제안을 클릭합니다.

테마의 CSS 사용자 지정

테마의 원본 리포지토리는 테마를 사용자 지정하는 데 도움이 될 수 있습니다. 예를 들어 Minima의 추가 정보를 참조하세요.

GitHub에서 사이트의 리포지토리로 이동합니다.
사이트의 게시 원본으로 이동합니다. 자세한 내용은 GitHub Pages 사이트의 게시 소스 구성을(를) 참조하세요.

       `/assets/css/style.scss`라는 새 파일을 만듭니다.

다음 콘텐츠를 파일의 맨 위에 추가합니다.
```
---
---

@import "{{ site.theme }}";
```

       `@import` 줄 바로 다음에 사용자 정의 CSS 또는 Sass(가져오기 포함)를 추가하십시오.

테마의 HTML 레이아웃 사용자 지정