기본 개인 사이트 테마는 최소한의 타치, 구문 하이라이트 및 블로그 시리즈 구성으로 스타일입니다.
https://hugo-theme-basic.netlify.app/
series
분류 - 고립 된 분류 유형 내에서 게시물을 자동으로 그룹화하고 표시합니다.Hugo 디렉토리의 루트 에서이 명령을 실행하십시오 (Git을 설치해야 함) :
$ git clone https://github.com/siegerts/hugo-theme-basic.git
또는 Hugo 사이트가 이미 Git에있는 경우이 저장소를 git submodule
로 포함시킬 수 있습니다. 이를 통해이 테마를보다 쉽게 업데이트 할 수 있습니다 ( 일부 배포 옵션의 경우 NetLify ).
$ git submodule add https://github.com/siegerts/hugo-theme-basic.git themes/hugo-theme-basic
또는 GIT에 익숙하지 않은 경우 테마를 .zip 파일로 다운로드하여 테마 내용을 압축 한 다음 압축 된 소스를 테마 디렉토리로 이동할 수 있습니다.
자세한 내용은 Hugo의 공식 문서를 읽으십시오.
themes/hugo-theme-basic/exampleSite
에서 :
hugo server --themesDir ../..
exampleSite
디렉토리에있는 샘플 config.toml
파일을 확인하십시오. config.toml
을 Hugo 사이트의 루트 디렉토리에 복사 한 다음 원하는대로 편집하십시오.
유형 | 설명 | 명령 |
---|---|---|
우편 | 블로그 게시물에 사용됩니다. 게시물은 /post 페이지에 나열되어 있습니다. | hugo new post/<post-name>.md |
페이지 | 사이트 페이지에 사용됩니다. | hugo new <page-name>.md |
프로젝트 | 프로젝트 페이지에 사용됩니다. /layouts/section/project.html 사용자 정의하여 프로젝트 목록을 확장하십시오. | hugo new project/<project-name>.md |
블로그 게시물의 그룹화를 위해 추가 분류법 인 series
추가됩니다. 더 읽기 섹션은 둘 이상의 게시물이 그룹화 될 때 시리즈 내 각 게시물의 하단에 표시됩니다.
[ taxonomies ]
category = " categories "
series = " series "
tag = " tags "
.Params.Menu
메뉴 링크는 테마 구성에 순서대로 지정됩니다.
예를 들어:
[[ params . menu ]]
name = " blog "
url = " blog/ "
[[ params . menu ]]
name = " post series "
url = " series/ "
[[ params . menu ]]
name = " about "
url = " about/ "
구문 하이라이트는 Highlight.js에서 제공합니다. layouts/partials/head_includes.html
에서 himest.js 스타일 시트를 수정하여 색상 테마를 변경할 수 있습니다.
이 코드는 MIT 라이센스에 따라 사용할 수 있습니다.