blog/README.ko.md

2.8 KiB

🍥Fuwari

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

🖥️미리보기 (Vercel)   /    📦Old Hexo Version

README 버전: 2024-04-07

Preview Image

특징

  • AstroTailwind CSS로 구축됨
  • 부드러운 애니메이션 및 페이지 전환
  • 라이트 모드 / 다크 모드
  • 사용자 정의 가능한 테마 색상 및 배너
  • 반응형 디자인
  • 댓글
  • 검색
  • 목차

🚀 사용하는 방법

  1. 이 템플릿에서 새 저장소를 생성하거나 이 저장소를 포크하세요.
  2. 블로그를 로컬에서 편집하려면 저장소를 복제하고 pnpm installpnpm add sharp를 실행하여 종속성을 설치하세요.
    • 아직 pnpm을 설치하지 않았다면 npm install -g pnpm을 실행하여 pnpm을 설치하세요.
  3. 블로그를 사용자 정의하려면 src/config.ts 구성 파일을 편집하세요.
  4. pnpm new-post <filename>을 실행하여 새 게시물을 만들고 src/content/posts/에서 편집하세요.
  5. 가이드에 따라 블로그를 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를 사용하여 도움 받기