astro theme cody
v2.0.0
Astro로 제작된 미니멀리스트 블로그 테마입니다. 자신의 블로그를 시작하려는 모든 사람을 위한 빠르고 쉬운 시작 빌드입니다.
데모 보기 · 버그 신고 · 기능 요청
동기 부여
주요 특징
데모
빠른 시작
명령
웹사이트 구성
사이트 구성, 소셜 미디어 링크 및 Navbar 링크
게시물 및 프로젝트 추가
다국어 지원
배포
추가 기능
신용 거래
이미 너무 많은 블로그 테마가 있지만 터미널/개발자 분위기와 다른 테마에는 없는 몇 가지 기능을 제공하는 테마를 원했습니다.
Astro v4 빠른
TailwindCSS 유틸리티 클래스
접근 가능하고 의미론적인 HTML 마크업
반응형 및 SEO 친화적
다국어 지원
Tailwind 및 CSS 변수를 사용하는 어둡게/밝게 모드
고정된 게시물 및 프로젝트
최적화된 이미지를 위한 Astro Assets 통합
MD 및 MDX 게시물
쪽수 매기기
자동 RSS 피드
자동 생성된 사이트맵
Astro 아이콘 svg 아이콘 구성 요소
맨 위로 돌아가기 버튼
여기에서 데모를 확인하세요.
이 템플릿에서 새 저장소를 만듭니다.
# npm 7+ npm create astro@latest -- --template kirontoo/astro-theme-cody # pnpm pnpm dlx create-astro --template kirontoo/astro-theme-cody
(맨 위로)
모든 명령은 프로젝트 루트의 터미널에서 실행됩니다.
| 명령 | 행동 |
|---|---|
pnpm install | 종속성을 설치합니다. |
pnpm run dev | localhost:4321 에서 로컬 개발 서버를 시작합니다. |
pnpm run build | 프로덕션 사이트를 ./dist/ 로 구축하세요. |
pnpm run preview | 배포하기 전에 로컬에서 빌드 미리보기 |
pnpm run astro ... | astro add , astro check 같은 CLI 명령 실행 |
pnpm run astro -- --help | Astro CLI를 사용하여 도움 받기 |
(맨 위로)
사이트 구성, 소셜 미디어 링크 및 Navbar 링크는 모두 src/consts.ts 내에 있습니다. 여기에서 사이트 기본 제목, 설명, 언어, 프로필, 소셜 미디어 링크 및 표시되는 탐색 모음 링크를 구성할 수 있습니다.
이 테마는 콘텐츠 컬렉션을 활용하여 Markdown 및/또는 MDX 파일을 구성하고 스키마 -> src/content/config.ts 사용하여 유형 검사 서문을 구성합니다.
src/content/blog 에서 블로그 게시물의 예를 찾을 수 있고 src/content/project 에서 프로젝트의 예를 찾을 수 있습니다.
| 속성(* = 필수) | 설명 |
|---|---|
| 제목 * | 게시물 제목입니다. 최대 150자로 제한됩니다. |
| 설명 * | SEO에도 사용되는 게시물에 대한 간단한 설명입니다. 최대 길이는 250자입니다. |
| 출판일 * | 출판일 |
| 업데이트 날짜 | 게시물이 업데이트된 시기를 나타내는 선택적 날짜입니다. 가능한 경우 게시물을 주문하기 위해 게시 날짜 대신 이 날짜가 사용됩니다. |
| 영웅이미지 | 게시물의 선택적 표지 이미지입니다. src 및 alt 속성을 모두 포함합니다. 예제는 src/content/blog/first-post.md 를 확인하세요. |
| og이미지 | SEO에 사용되는 선택적 이미지입니다. |
| 태그 | 선택적 태그를 사용하여 게시물을 카테고리나 주제로 정리하세요. 모든 태그는 yourdomain.com/tags 에 표시됩니다. |
| 시리즈 | 선택적 시리즈를 사용하여 게시물을 일련의 게시물로 정리하세요. 모든 시리즈는 yourdomain.com/series 에 표시됩니다. |
| 초안 | 선택적 부울입니다. 게시물이 게시되지 않도록 제거합니다. |
| 주문하다 | 특정 게시물을 상단에 고정하는 1~5 사이의 선택적 숫자 값입니다. 고정된 게시물은 5개로 제한됩니다. |
| 숨다 | 선택적 부울입니다. /blog 페이지의 게시물을 숨깁니다. 여전히 /archive 에 표시됩니다. |
| 속성(* = 필수) | 설명 |
|---|---|
| 제목 * | 프로젝트의 제목입니다. 최대 150자로 제한됩니다. |
| 설명 * | SEO에도 사용될 프로젝트에 대한 간단한 설명입니다. |
| 출판일 * | 출판일 |
| 영웅이미지 | 프로젝트의 선택적 표지 이미지입니다. src 및 alt 속성을 모두 포함합니다. 예제는 src/pages/projects/project-1.md 확인하세요. |
| og이미지 | SEO에 사용되는 선택적 이미지입니다. |
| 스택 * | 아이콘으로 렌더링될 프로젝트에서 사용한 기술 목록입니다. 이 테마는 SVG 로고 라이브러리를 사용하므로 icones.js.org를 사용하여 필요한 아이콘을 찾을 수 있습니다. |
| 플랫폼 | 웹사이트 또는 데모 링크 |
| 웹사이트 | 웹사이트 또는 데모 링크 |
| 깃허브 | 귀하의 Github 저장소 링크 |
| 초안 | 선택적 부울입니다. 게시되지 않도록 프로젝트를 제거합니다. |
| 주문하다 | 특정 프로젝트를 맨 위에 고정하려면 1~5 사이의 선택적 숫자 값을 사용하세요. 고정된 게시물은 5개로 제한됩니다. |
(맨 위로)
블로그에 대한 다중 언어 지원을 설정하려면 위키를 참조하세요.
Astro는 다양한 플랫폼에 Astro 웹사이트를 배포하기 위한 훌륭한 문서를 제공합니다. 여기에서 찾을 수 있습니다.
RSS 피드와 같은 다른 기능을 추가하려면 Astro Recipes를 확인하세요.
이 테마는 Astro Cactus와 Hugo Risotto 테마를 바탕으로 제작되었습니다.
(맨 위로)
