hugo liftoff

휴고 리프트오프

경고: 여러 가지 이유로 더 이상 이 주제를 다룰 시간이 없습니다. 귀하의 문제를 제가 다룰 가능성은 거의 없으며 테마는 계속해서 대중에게 공개되지만 추가 기능은 계획되어 있지 않습니다. 광범위한 변경이 필요한 경우 자유롭게 포크하세요. 간단한 버그 수정 풀 요청 병합을 고려해 보겠습니다. 이로 인해 불편을 끼쳐드려 죄송합니다. 자세한 내용은 v3.4.3 릴리스 노트를 참조하세요.

에 대한

Hugo Liftoff는 콘텐츠 제작 및 SEO 모범 사례에 중점을 둔 최소한의 블로그/포트폴리오 테마입니다. 개인 브랜드를 시작하는 기술 사용자에게 이상적인 선택입니다.

선적 서류 비치

전체 문서는 이 저장소의 Github Wiki에서 호스팅됩니다.

문서에서 실수를 발견하거나 개선을 위한 제안이 있으면 문제를 열어주세요.

데모 사이트

테마의 작업 데모는 평가를 위해 대중에게 제공됩니다.

자신의 프로젝트에 자유롭게 복사할 수 있는 테마에 포함된 exampleSite 콘텐츠는 데모에 사용된 콘텐츠를 반영합니다. 이에 대한 아이디어는 신속하게 시작하고 데모에서 본 기능 중 자신의 프로젝트에 유용할 수 있다고 생각되는 기능을 복제하는 데 도움이 되는 것입니다.

주목할만한 특징

• 홈페이지의 최근 게시물을 하위 섹션별로 필터링할 수 있는 콘텐츠 하위 섹션
• 현재 시리즈의 모든 게시물을 나열하는 단일 게시물이 포함된 시리즈 게시물 분류
• 하위 섹션 또는 시리즈 게시물에 대한 단일 게시물 끝에 다음/이전 링크(활성화된 경우)
• CSS 사용자 정의 속성을 사용하여 밝은/어두운 모드 전환
• 메뉴 구성을 기반으로 자동 하위 메뉴를 지원하는 모바일 반응형 접이식 JS 메뉴
• Netlify Forms 지원 및 조건부 가시성 제어 기능을 갖춘 맞춤형 뉴스레터
• 그리고 훨씬 더...

기능 개요

다음은 이 테마의 현재 기능입니다. Optional 또는 Frontmatter 라고 표시된 기능은 각각 config 또는 Frontmatter에서 활성화/비활성화할 수 있습니다.

넷티파이

• Netlify를 사용한 사용자 정의 헤더/리디렉션(선택 사항)
• 뉴스레터 수신 동의 및 연락처 페이지에 대한 Netlify 양식 지원(선택 사항)
• 효율적인 배포를 위한 샘플 netlify.toml 파일

제3자

• 구글애널리틱스 v4
• GA의 대안인 Google 태그 관리자(선택사항)
• Disqus 댓글 (선택사항)
• 페이지별로 댓글 비활성화(선택 사항) (머리말)

회람 신문

• Netlify Forms 지원을 통한 뉴스레터 수신 동의(선택 사항) (머리말)
• 뉴스레터 수신 동의의 전역 표시(선택 사항)
• 맞춤설정 가능한 뉴스레터 헤더, 설명, CTA 텍스트(선택사항)
• 페이지별로 글로벌 뉴스레터 무시(선택 사항) (머리말)
• 페이지별로 뉴스레터 활성화 또는 비활성화(머리말)

사회의

• 기본 Twitter, Mastodon, Github, Stack Overflow, LinkedIn 및 SVG가 포함된 이메일 소셜 링크(선택 사항)
• 바닥글, 홈페이지 히어로, 정보 페이지의 소셜 링크를 활성화 또는 비활성화합니다(선택 사항).
• 개별 소셜 링크 활성화 또는 비활성화(선택 사항)
• 게시물용 SVG가 포함된 Facebook, LinkedIn, Twitter, Reddit 및 이메일 소셜 공유 아이콘(선택 사항)
• 개별 소셜 공유 아이콘 활성화 또는 비활성화(선택 사항)

SEO / RSS

• 향상된 오픈 그래프, Twitter 카드 및 Schema.org 템플릿
• 게시물 섹션 외부의 모든 페이지를 제외하는 RSS 피드
• 사용자 정의 가능한 제목 및 SEO 제목 태그 또는 둘 다에 제목 사용(머리말)
• 사용자 정의 가능한 요약 및 메타 설명 또는 둘 다에 대한 설명 사용(머리말)
• 사용자 정의 작성자 메타 태그(선택 사항) (머리말)
• 모든 페이지에 대한 사용자 정의 제목 태그 및 메타 설명(선택 사항)(머리말)
• robots.txt 및 sitemap.xml
• 검색 엔진 크롤링 비활성화(선택 사항)

시리즈/하위 섹션

• 홈페이지의 최근 게시물을 하위 섹션별로 필터링할 수 있는 콘텐츠 하위 섹션(선택 사항)
• 현재 시리즈의 모든 게시물을 나열하는 단일 게시물이 포함된 시리즈 게시물 분류(선택 사항)
• 하위 섹션 또는 시리즈 게시물에 대한 단일 게시물 끝에 다음/이전 링크(활성화된 경우)
• 깔끔한 SEO URL을 위한 맞춤 영구 링크가 있는 게시물에 대한 하위 섹션 지원(선택 사항)
• 메뉴 구성을 기반으로 자동 하위 메뉴를 지원하는 모바일 반응형 접이식 JS 메뉴

홈페이지

• 홈페이지의 영웅 제목 및 부제목 사용자 정의(머리말)
• 홈페이지의 게시물 및 프로젝트 섹션 제목 사용자 정의(머리말)

게시물 및 프로젝트

• 게시물에 대한 전환 가능한 고정 목차(머리말)
• 관련 게시물 (머리말)
• 게시물에 대한 소셜 공유 아이콘(머리말)
• 게시물의 읽기 시간 및 단어 수
• 게시물의 마지막 수정 날짜(선택사항)
• 프로젝트에 대한 사용자 정의 가능한 라이브 URL, 소스 URL 및 기술 스택 세부 정보(머리말)
• 태그 및 카테고리 분류
• 프로젝트 분류를 위한 프로젝트 유형 분류
• 홈페이지의 최근 게시물 및 프로젝트

코드 조각

• 구문 강조
• 코드 조각에 대한 원클릭 복사 버튼 및 언어 표시기

CSS / JS

• CSS 사용자 정의 속성을 사용하여 밝은/어두운 모드 전환
• assets 에 맞춤 CSS/JS 추가
• CSS 및 JS 축소
• ESBuild 및 ToCSS를 사용한 프런트엔드 빌드 파이프라인
• 자동 접두사를 위한 PostCSS 처리(선택 사항)
• PostCSS/Autoprefixer를 사용하지 않는 한 npm 완전히 선택 사항입니다.
• CSS clamp() 사용한 유동적 타이포그래피 스케일
• 개발 중인 SCSS 및 JS용 소스맵

이미지

• Hugo 리소스를 사용한 이미지 처리
• assets 또는 페이지 번들의 게시물 및 프로젝트에 대한 추천 이미지(머리말)
• 맞춤 홈페이지 히어로 아바타 이미지(선택사항)
• 회색조 아바타 필터 비활성화(선택 사항)
• 파비콘 활성화/비활성화(선택 사항)

원형

• 게시물 및 프로젝트를 위한 원형 템플릿
• 원형 템플릿에 대한 페이지 번들 지원

마크다운 후크

• 코드 블록, 이미지, 제목 및 링크에 대한 마크다운 렌더 후크
• 코드블록의 언어 표시기
• URL 조각을 통해 마크다운 이미지에 사용자 정의 CSS 클래스 추가
• 제목 앵커 링크 SVG 아이콘

기타 콘텐츠

• 기본 단일 템플릿을 사용하여 일반 단일 페이지를 빠르게 생성(선택 사항)
• 추가 마크다운 바닥글 텍스트(선택사항)
• 개발 중인 초안에 라벨 추가(선택사항)
• 테이블과 같은 일반적인 마크다운 스타일에 대한 반응형 지원
• 소셜 링크가 포함된 정보 페이지(선택 사항)
• Netlify Forms 지원 문의 페이지(선택 사항)
• 빈 콘텐츠에 대한 대체 텍스트 맞춤설정(선택사항)

휴고 기본값

• 쉬운 사용자 정의를 위해 대부분의 Hugo 구성 기본값이 포함된 hugo.toml 의 예
• Hugo 환경을 기반으로 구성 설정 재정의
• 내장 단축 코드
• 그리고 훨씬 더...Hugo는 많은 것을 제공합니다!

계획된 기능

향후 릴리스에서는 다음 기능이 계획되어 있습니다.

• 실시간 사이트 검색
• 프로젝트용 이미지 갤러리
• i18n 지원
• 추가 고급 Google 구조화된 데이터 스키마
• 프로젝트 목록과 같은 항목에 대한 사용자 정의 단축 코드

도움 받기

버그 보고서, 기능 요청 또는 사용 질문을 제출하려면 이슈 템플릿 중 하나를 사용하여 Github에서 이슈를 열어주세요.

기여

프로젝트에 기여하고 싶다면 프로젝트를 포크하고 풀 요청 템플릿을 사용하여 변경 사항이 포함된 풀 요청을 제출하세요. 자세한 내용은 기여 가이드라인을 참조하세요.