hugo PaperMod Mod

Hugo-Papermod-Mod

Hugo Papermod 테마의 모양을 수정하는 스타일 시트. 썸네일 및 사이드 바 목차가 포함되어 있습니다.

• 썸네일
• 사이드 바 TOC
• 기타
• 설치

썸네일

Thumbnail.css 파일은 CSS 그리드 레이아웃을 사용하여 게시물 항목에서 표지 이미지의 위치를 ​​변경합니다. 아래 비디오에 요약 된대로 페이지의 너비가 충분하지 않은 경우 적응 형이며 레이아웃을 변경합니다.

Thumbnail.mp4

사이드 바 목차

sidetoc.css 파일은 CSS 그리드 레이아웃을 사용하여 단일 게시물에서 TOC의 위치를 ​​측면으로 변경합니다. 스크롤하는 동안 TOC가 페이지에 머무르도록 위치를 sticky 로 설정합니다.

사이드 바 .mp4

다른 QOL 변경

Custom.CSS

• 홈페이지보다 포스트 페이지의 너비를 더 많이 늘리십시오.
• HomeInfo 섹션에 배치 된 이미지의 폭을 늘립니다.
• 요약 텍스트의 글꼴 크기를 늘리십시오
• 포스트 커버 너비를 제한하고 중앙을 정렬하십시오.

설치

이 저장소에서 원하는 CSS 파일을 Hugo 프로젝트의 assets/css/extended 폴더로 복사하기 만하면됩니다.