Thanks to visit codestin.com
Credit goes to github.com

Skip to content

coleea/coleea.github.io

 
 

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

383 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

본래 빌드시 pagefind 명령어도 실행하였으나 server side rendering 수행시 에러가 발생하여 해당 기능을 중지하였음 "build": "astro build && pagefind --site dist",

  • src\config.ts -> Google Search Results Page (SERP) 에 보이는 title과 description를 설정할 수 있다

  • sitemap은 dist\sitemap-index.xml 에서 확인가능

🍥Fuwari

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

🖥️미리보기 (Vercel)

Preview Image

✨ 특징

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

요구 사항

  • Node.js <= 22
  • pnpm <= 9

🚀 사용방법 1

create-fuwari를 사용하여 로컬에서 프로젝트를 초기화합니다.

# npm
npm create fuwari@latest

# yarn
yarn create fuwari

# pnpm
pnpm create fuwari@latest

# bun
bun create fuwari@latest

# deno
deno run -A npm:create-fuwari@latest
  1. 블로그를 사용자 정의하려면 src/config.ts 구성 파일을 편집하세요.
  2. pnpm new-post <filename>을 실행하여 새 게시물을 만들고 src/content/posts/에서 편집하세요.
  3. 가이드에 따라 블로그를 Vercel, Netlify, GitHub 페이지 등에 배포하세요. 배포하기 전에 astro.config.mjs에서 사이트 구성을 편집해야 합니다.

🚀 사용하는 방법

  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
lang: jp      # 게시물의 언어가 `config.ts`의 사이트 언어와 다른 경우에만 설정합니다.
---

🧞 명령어

모든 명령어는 프로젝트 최상단, 터미널에서 실행됩니다:

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를 사용하여 도움 받기

About

some cheinese made this - wow - 我的fuwari博客源码

Resources

License

Code of conduct

Contributing

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages

  • Astro 49.4%
  • TypeScript 12.7%
  • JavaScript 11.1%
  • Svelte 10.5%
  • Stylus 8.8%
  • CSS 7.5%