내 Hugo 사이트에 테마를 추가하는 방법
휴고 설치
macOS, Windows, Linux, OpenBSD, FreeBSD 및 GO(AKA Golang) 컴파일러 도구 체인을 실행할 수 있는 모든 시스템에 Hugo를 설치할 수 있습니다.
Here's the official installation guide: https://gohugo.io/getting-started/installing/
Chocolatey를 통해 Windows에 Extended Hugo 설치:
choco install hugo-extended -confirm
확장 버전은 Sass/SCSS 기능만 있습니다.
Hugo 버전을 확인하려면 다음을 실행하십시오.
hugo version
새 Hugo 사이트 만들기
hugo new site newhugo
위의 명령은 newhugo 폴더에 새로운 Hugo 프로젝트를 생성합니다.
디렉토리의 루트 내부로 이동하려면 다음을 실행하십시오.
cd newhugo
Hugo 테마 포크
이 자습서에서는 this theme을 사용하고 있습니다. 어쨌든 this page에서 수천 개의 테마를 찾을 수 있습니다.
newhugo 사이트에 포크된 테마 추가
Before adding a git submodule, we have to initialize the git repository. So run this:
git init
Now we can add that theme as a git submodule.
git submodule add https://github.com/apvarun/blist-hugo-theme.git themes/mytheme
이제 테마가 폴더
themes/mytheme
에 추가됩니다.테마에서 콘텐츠를 복사합니다.
테마의 exampleSite에서 우리 사이트로 모든 콘텐츠를 복사하려면 다음을 실행하십시오.
cp -a themes/mytheme/exampleSite/. .
config.toml 파일 구성
다음과 같이 테마 이름을 설정합니다.
theme = "mytheme"
노드 모듈 설치[필요한 경우]
일반적으로 Hugo 테마는 PostCSS와 같은 도구를 사용하지 않는 한 노드 모듈이 필요하지 않습니다.
Copy the package.json from the themes/mytheme, and paste it to our newhugo root folder. and run this:
npm install
휴고 사이트 운영
빌드를 생성하려면 다음을 실행합니다(루트 폴더에서).
hugo
웹 사이트를 제공하려면 다음을 실행하십시오.
hugo serve
이렇게 하면 localhost:1313에서 페이지가 렌더링됩니다.
Reference
이 문제에 관하여(내 Hugo 사이트에 테마를 추가하는 방법), 우리는 이곳에서 더 많은 자료를 발견하고 링크를 클릭하여 보았다 https://dev.to/hanancs/how-to-add-a-theme-to-my-hugo-site-59ga텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
우수한 개발자 콘텐츠 발견에 전념 (Collection and Share based on the CC Protocol.)