🍥Fuwari#

✨ 功能特性#

• 基于 Astro 和 Tailwind CSS 开发
• 流畅的动画和页面过渡
• 亮色 / 暗色模式
• 自定义主题色和横幅图片
• 响应式设计
• 评论
• 搜索
• 文内目录

👀 要求#

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

🚀 使用方法 1#

使用 create-fuwari 在本地初始化项目。

1
# npm
2
npm create fuwari@latest
3

4
# yarn
5
yarn create fuwari
6

7
# pnpm
8
pnpm create fuwari@latest
9

10
# bun
11
bun create fuwari@latest
12

13
# deno
14
deno run -A npm:create-fuwari@latest

1. 通过配置文件 src/config.ts 自定义博客
2. 执行 pnpm new-post <filename> 创建新文章，并在 src/content/posts/ 目录中编辑
3. 参考官方指南将博客部署至 Vercel, Netlify, GitHub Pages 等；部署前需编辑 astro.config.mjs 中的站点设置。

🚀 使用方法 2#

1. 使用此模板生成新仓库或 Fork 此仓库
2. 进行本地开发，Clone 新的仓库，执行 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 Pages 等；部署前需编辑 astro.config.mjs 中的站点设置。

⚙️ 文章 Frontmatter#

1
---
2
title: My First Blog Post
3
published: 2023-09-09
4
description: This is the first post of my new Astro blog.
5
image: ./cover.jpg
6
tags: [Foo, Bar]
7
category: Front-end
8
draft: false
9
lang: jp      # 仅当文章语言与 `config.ts` 中的网站语言不同时需要设置
10
---

🧞 指令#

下列指令均需要在项目根目录执行：