3.1 KiB
3.1 KiB
🍥Fuwari
Astro로 구축된 정적 블로그 템플릿입니다.
🖥️미리보기 (Vercel) / 🌏中文 README / 🌏日本語 README / 🌏한국어 README / 📦Old Hexo Version
✨ 특징
- Astro 및 Tailwind CSS로 구축됨
- 부드러운 애니메이션 및 페이지 전환
- 라이트 모드 / 다크 모드
- 사용자 정의 가능한 테마 색상 및 배너
- 반응형 디자인
- 댓글
- 검색
- 목차
🚀 사용하는 방법
- 이 템플릿에서 새 저장소를 생성하거나 이 저장소를 포크하세요.
- 블로그를 로컬에서 편집하려면 저장소를 복제하고
pnpm install
및pnpm add sharp
를 실행하여 종속성을 설치하세요. - 블로그를 사용자 정의하려면
src/config.ts
구성 파일을 편집하세요. pnpm new-post <filename>
을 실행하여 새 게시물을 만들고src/content/posts/
에서 편집하세요.- 가이드에 따라 블로그를 Vercel, Netlify, GitHub 페이지 등에 배포하세요. 배포하기 전에
astro.config.mjs
에서 사이트 구성을 편집해야 합니다.
⚙️ 게시물의 머리말 설정
---
title: 내 첫 블로그 게시물
published: 2023-09-09
description: 내 새로운 Astro 블로그의 첫 번째 게시물입니다!
image: /images/cover.jpg
tags: [푸, 바, 오]
category: 앞-끝
draft: false
---
🧞 명령어
모든 명령어는 프로젝트 최상단, 터미널에서 실행됩니다:
Command | Action |
---|---|
pnpm install AND 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를 사용하여 도움 받기 |