hugoplate
1.0.0
Hugoplate는 Hugo 및 TailwindCSS로 구축된 무료 시작 템플릿으로, Hugo 프로젝트를 시작하고 귀중한 시간을 절약하는 데 필요한 모든 것을 제공합니다.
Zeon Studio가 ♥로 제작했습니다.
이 프로젝트가 유용하다고 생각하시면, 귀하의 지지를 표시해 주시기 바랍니다.
Hugo 프로젝트를 시작하는 데 필요한 거의 모든 것이 포함되어 있습니다. 이 템플릿에 무엇이 포함되어 있는지 살펴보겠습니다.
다중 저자
비슷한 게시물 제안
검색 기능
다크 모드
태그 및 카테고리
Netlify 설정이 사전 구성됨
지원 문의 양식
완벽하게 반응
Markdown에서 콘텐츠 작성 및 업데이트
디스커스 댓글
구문 강조
홈페이지
에 대한
연락하다
저자
작성자 싱글
블로그
블로그 싱글
맞춤 404
강요
개인 정보 보호 정책
태그
태그 싱글
카테고리
카테고리 싱글
찾다
휴고
순풍 CSS
포스트CSS
퍼지CSS
자동 접두어
Gethugothemes의 Hugo 모듈
가격 인하
더 예뻐요
Jshint
넷티파이
베르셀
Github 작업
Gitlab Ci
AWS 증폭
먼저 템플릿 저장소를 복제하거나 다운로드한 후 다음 프로세스를 시작해 보겠습니다.
이 템플릿을 사용하려면 컴퓨터에 몇 가지 필수 구성 요소가 설치되어 있어야 합니다.
휴고 확장 v0.124+
노드 v20+
v1.22+로 이동
우리는 귀하의 프로젝트 설정을 더 쉽게 만들기 위해 이 사용자 정의 스크립트를 작성합니다. 새로운 Hugo 테마 폴더가 생성되고 Hugoplate 테마가 여기에 복제됩니다. 그런 다음 exampleSite 폴더를 루트 디렉터리로 이동합니다. exampleSite 폴더에 들어가지 않고도 Hugo 서버를 시작할 수 있습니다. 다음 명령을 사용하여 프로젝트를 설정하십시오.
npm 실행 프로젝트 설정
다음 명령을 사용하여 모든 종속성을 설치하십시오.
npm 설치
다음 명령을 사용하여 개발 서버를 시작합니다.
npm 실행 개발자
이 템플릿은 다양한 사용자 정의 옵션을 염두에 두고 설계되었습니다. 다음을 포함하여 원하는 거의 모든 것을 맞춤설정할 수 있습니다.
hugo.toml 파일에서 사이트 제목, 기본 URL, 언어, 테마, 플러그인 등을 변경할 수 있습니다.
config/_default/params.toml 파일에서 모든 매개변수를 사용자 정의할 수 있습니다. 여기에는 로고, 파비콘, 검색, SEO 메타데이터 등이 포함됩니다.
data/theme.json 파일에서 색상과 글꼴을 변경할 수 있습니다. 여기에는 기본 색상, 보조 색상, 글꼴 모음 및 글꼴 크기가 포함됩니다.
data/social.json 파일에서 소셜 링크를 변경할 수 있습니다. 여기에 소셜 링크를 추가하면 사이트에 자동으로 표시됩니다.
귀하의 삶을 더 쉽게 만들기 위해 몇 가지 사용자 정의 스크립트를 추가했습니다. 이러한 스크립트를 사용하여 개발에 도움을 받을 수 있습니다.
테마를 업데이트하려면 다음 명령을 사용할 수 있습니다. 테마가 최신 버전으로 업데이트됩니다.
npm 실행 업데이트 테마
참고: 이 명령은
project-setup스크립트를 실행한 후에 작동합니다.
우리는 이 템플릿에 많은 모듈을 추가했습니다. 다음 명령을 사용하여 모든 모듈을 업데이트할 수 있습니다.
npm 실행 업데이트 모듈
프로젝트에서 다크 모드를 제거하려면 다음 명령을 사용하여 프로젝트에서 다크 모드를 제거할 수 있습니다.
npm 실행 제거-어두운 모드
참고: 이 명령은
project-setup스크립트를 실행하기 전에 작동합니다. 이미project-setup명령을 실행한 경우npm run theme-setup먼저 실행한 다음 이 명령을 실행할 수 있습니다. 그런 다음npm run project-setup다시 실행할 수 있습니다.
개발을 마친 후에는 거의 모든 곳에서 프로젝트를 빌드하거나 배포할 수 있습니다. 프로세스를 살펴보겠습니다.
프로젝트를 로컬로 빌드하려면 다음 명령을 사용할 수 있습니다. 사용하지 않는 CSS를 모두 제거하고 모든 파일을 축소합니다.
npm 실행 빌드
이 템플릿에는 5가지 배포 플랫폼 구성이 제공되므로 쉽게 배포할 수 있습니다.
넷티파이
베르셀
Github 작업
Gitlab Ci
AWS 증폭
그리고 다른 호스팅 플랫폼을 호스팅하고 싶다면. 그런 다음 프로젝트를 빌드하면 public 폴더가 생성됩니다. 호스팅 플랫폼에 복사하여 붙여넣을 수 있습니다.
참고:
hugo.toml파일에서baseURL변경해야 합니다. 그렇지 않으면 사이트가 제대로 작동하지 않습니다.
우리는 GitHub Issues를 이 템플릿의 공식 버그 추적기로 사용합니다. 기존 이슈를 검색해주세요. 누군가 이미 동일한 문제를 보고했을 수도 있습니다. 귀하의 문제나 아이디어가 아직 해결되지 않았다면 자유롭게 새로운 이슈를 열어주세요.
Copyright (c) 2023 - 현재, Zeon Studio가 설계 및 개발함
코드 라이센스: MIT 라이센스에 따라 출시되었습니다.
이미지 라이센스: 이미지는 데모 목적으로만 사용됩니다. 그들은 라이선스를 갖고 있지만 우리는 해당 이미지를 공유할 권한이 없습니다.
사람들이 Hugoplate를 사용하여 구축하고 있는 일부 프로젝트 목록입니다!
| 개방형 신경모형 | AI 모델 | 휴고브릭스 | 오노 LLC |
맞춤형 테마, 테마 맞춤화 또는 완전한 웹사이트 개발 서비스가 처음부터 필요한 경우 당사를 고용하실 수 있습니다.
