terminal hugo theme

터미널 휴고 테마

tailwind CSS 라이브러리와 모노 글꼴 모음을 사용하여 만든 Hugo용 테마

라이브 데모

https://nayanseth.com

설정

1. 이 테마는 tailwind CSS를 사용합니다.
2. [선택사항] Tailwind 사용 방법
   1. 기본적으로 기존 tailwind.css 파일이 테마에 사용되지만 tailwind를 가지고 놀고 싶다면 아래에 언급된 단계를 따르세요.
   2. assets/csss/tailwind 디렉토리에 tailwind에 대한 두 개의 구성 파일이 있습니다.
      1. dev 실행 npm run dev -> 이는 tailwind에서 가능한 모든 CSS 클래스를 생성합니다. 일부는 아직 빠져있을 수 있습니다.
      2. prod run npm run prod -> 테마에서 사용 중인 tailwind의 CSS 클래스만 생성합니다.
3. hugo new site <SITE_NAME>
4. cd <SITE_NAME>
5. git submodule add [email protected]:techbarrack/terminal-hugo-theme.git themes/terminal
6. <SITE_NAME>/hugo.yaml 의 내용을 <SITE_NAME>/themes/terminal/hugo.yaml 로 바꿉니다.
7. Hugo 사이트의 루트 디렉터리에서 mkdir -p layouts/partials/third_party_js 디렉터리를 만듭니다. 이 디렉토리는 Google Analytics, Disqus 등과 같은 모든 종류의 제3자 자바스크립트를 저장하기 위한 것입니다.
8. 웹사이트 실행 hugo server --buildDrafts --disableFastRender --gc --ignoreCache --noHTTPCache --forceSyncStatic --verbose -w

내용 수정

1. <SITE_NAME>/hugo.yaml 에서ignoreFiles 속성의 주석 처리를 제거하십시오.
2. <SITE_NAME>/themes/terminal/content 에 있는 파일을 복제하여 <SITE_NAME>/content 에 파일 추가를 시작하세요.
3. head.html 의 메타 콘텐츠 업데이트

타사 JS

1. <SITE_NAME>/layouts/partials/third_party_js/<FILE>.html 에 부분 생성
2. third_party_js 폴더의 모든 파일은 </body> 태그 앞에 포함됩니다.

단축 코드

• {{< svg logo="blah" >}} -> 마크다운 파일에 svg를 추가하려면 다음 코드를 사용하세요.
  1. layouts/content/svg 에 svg를 .html 파일로 추가
• 원시 HTML

 {{< rawhtml >}}
  <div>This is raw HTML content</div>
{{< /rawhtml >}}

참고자료

Hugo에서 작업을 수행하는 방법에 대한 추가 정보에 대한 일부 참조 링크:

• https://gohugo.io/methods/page/
• https://gohugo.io/methods/pages/groupbydate/
• https://gohugo.io/content-management/taxonomies/
• https://gohugo.io/templates/taxonomy-templates/
• https://gohugo.io/templates/taxonomy-templates/#example-list-tags-in-a-single-page-template
• https://gohugo.io/templates/taxonomy-templates/#example-list-tags-in-a-single-page-template
• https://gohugo.io/methods/page/scratch/
• https://gohugo.io/functions/collections/dictionary/
• https://gohugo.io/methods/page/paginate/
• https://discourse.gohugo.io/t/better-term-listing/10261
• https://gohugo.io/templates/partials/
• https://mertbakir.gitlab.io/hugo/pass-arguments-in-partials-hugo/
• SVG 아이콘