fuwari

후와리

Astro로 구축된 정적 블로그 템플릿.

라이브 데모 (Vercel) / Old Hexo 버전 /中文/日本語/ 한국어 / Español / ไทม

읽어보기 버전: 2024-09-10

특징

• Astro 및 Tailwind CSS로 구축

• 부드러운 애니메이션 및 페이지 전환

• 라이트/다크 모드

• 사용자 정의 가능한 테마 색상 및 배너

• 반응형 디자인

• 댓글

• 찾다

• 목차

사용방법

1. 이 템플릿에서 새 저장소를 생성하거나 이 저장소를 포크하세요.

2. 블로그를 로컬에서 편집하려면 리포지토리를 복제하고 pnpm install 및 pnpm add sharp 실행하여 종속성을 설치하세요.

• 아직 설치하지 않았다면 pnpm npm install -g pnpm 설치하세요.

3. 블로그를 사용자 정의하려면 구성 파일 src/config.ts 편집하세요.

4. pnpm new-post <filename> 실행하여 새 게시물을 만들고 src/content/posts/ 에서 편집하세요.

5. 가이드에 따라 블로그를 Vercel, Netlify, GitHub 페이지 등에 배포하세요. 배포하기 전에 astro.config.mjs 에서 사이트 구성을 편집해야 합니다.

게시물의 머리말

 ---제목: 나의 첫 블로그 게시물 게시: 2023-09-09설명: 이것은 나의 새로운 Astro 블로그의 첫 번째 게시물입니다.이미지: ./cover.jpgtags: [Foo, Bar]category: Front-enddraft: falselang: jp # 게시물의 언어가 `config.ts`의 사이트 언어와 다른 경우에만 설정하세요---

명령

모든 명령은 프로젝트 루트의 터미널에서 실행됩니다.

명령	행동
pnpm install 및 pnpm add sharp	종속성을 설치합니다.
pnpm dev	localhost:4321 에서 로컬 개발 서버를 시작합니다.
pnpm build	프로덕션 사이트를 ./dist/ 로 구축하세요.
pnpm preview	배포하기 전에 로컬에서 빌드 미리보기
pnpm new-post <filename>	새 게시물 작성
pnpm astro ...	astro add , astro check 같은 CLI 명령 실행
pnpm astro --help	Astro CLI를 사용하여 도움 받기