hugo 8bits theme

Hugo 8비트 테마

Hugo 8비트 테마는 @bc_rikko가 개발한 NES 스타일 CSS 프레임워크를 기반으로 합니다.

라이브 데모

NES.css 프레임워크 정보

이름	NES.css
설명	NES 스타일 CSS 프레임워크
디자이너	비리코
버전	2.3.0
출시된	2019년 12월 17일
특허	라이선스 정보

설치

 $ cd /<your-hugo-site-directory>
$ git submodule add https://github.com/miguelsimoni/hugo-8bits-theme.git themes/hugo-8bits-theme

추가 정보: Hugo 설정 가이드

구성

config.yaml

다국어

config.yaml 에서 언어 드롭다운 메뉴를 표시하거나 숨길 수 있습니다.

 languagesMenuEnabled : true

탐색경로

config.yaml 에서 탐색경로의 현재 페이지를 표시하거나 숨길 수 있습니다.

 breadcrumb :
  showCurrent : true

페이지 매김 로더

config.yaml 의 목록 페이지에서 페이지 매김 로더(추가 로드 버튼)를 활성화하거나 비활성화할 수 있습니다.

 pagination :
  loader : true

비활성화하면 표준 페이지 매기기 위젯이 표시됩니다.

배경

static/images/ 폴더에 이미지를 놓고 params.background.image 매개변수에 이름을 입력하기만 하면 테마 배경을 설정할 수 있습니다. 또한 포스트 섹션에 대한 시차 효과와 속도를 설정할 수 있습니다.

 background :
  image : " ../images/background.png "
  parallax : true
  speed : 10

연락하다

config.yaml 에 연락처 양식 작업 URL을 추가하면 방문자가 Formspree와 같은 메시지 서비스를 사용하여 메시지를 보낼 수 있도록 연락처 양식을 활성화할 수 있습니다.

 contact :
  formAction : https://formspree.io/f/yourformcode

소셜 네트워크

config.yaml 에서 현재 지원되는 소셜 네트워크에 대한 사용자 이름을 추가할 수 있습니다.

 social :
  - network : twitter
    link : " https://www.twitter.com/8bits "
  - network : facebook
    link : " https://www.facebook.com/8bits "
  - network : instagram
    link : " https://www.instagram.com/8bits "

소셜 네트워크 매개변수화에 대한 추가 예는 config.yaml을 참조하세요.

댓글

Disqus 제공

 disqusShortname : " yourdiscussshortname "

params.disqusShortname 을 비워 두어 주석 시스템을 비활성화합니다.

구글애널리틱스

 googleAnalytics : " UA-123-45 "

params.googleAnalytics 비워두어 Google Analytics를 비활성화합니다.

더 많은 설정!

config.yaml 파일에서 전체 구성을 확인하세요.

예시 사이트

exampleSite 폴더는 Hugo 기본 예제를 기반으로 하며 이 테마에 대한 예제 사이트를 제공합니다.

exampleSite/content/ 폴더에는 다음이 포함되어 있습니다.

• 샘플 마크다운 콘텐츠가 포함된 /post/ 섹션.
• 테마 데모를 위한 /about/ 페이지를 제공하기 위한 about.md 입니다.
• 연락처 양식에 대한 /contact/ 페이지를 제공하기 위한 contact.md 입니다.

거의 다 왔어...

사이트가 실제로 작동하는 모습을 보려면 Hugo에 내장된 로컬 서버를 실행하세요.

$ cd exampleSite
$ hugo server -t ../..

이제 브라우저의 주소 표시줄에 http://localhost:1313/ 입력하세요.

전개

• GitHub에서 호스팅
• 더 많은 호스팅 및 배포 옵션

기여

• 버그를 발견하셨나요?
• 새로운 기능에 대한 아이디어가 있나요?

이슈 트래커를 사용하여 알려주시거나 풀 리퀘스트를 통해 직접 작성해 주세요.

특허

이 테마와 이를 가능하게 한 프레임워크는 MIT 라이선스에 따라 공개됩니다. 추가 라이선스 정보는 원본 프레임워크 라이선스를 확인하세요.

감사해요

Hugo와 프로젝트 관련 멋진 커뮤니티를 만들어준 Steve Francia에게 감사드립니다. 또한 이 멋진 향수를 불러일으키는 프레임워크를 만들어준 BcRikko에게도 감사드립니다.