fuwari

富瓦里

使用 Astro 构建的静态博客模板。

现场演示 (Vercel) /旧 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 Pages 等。在部署之前，您需要在astro.config.mjs中编辑站点配置。

帖子的前言

---标题：我的第一篇博文发布时间：2023-09-09描述：这是我的新 Astro 博客的第一篇博文。图片：./cover.jpg标签：[Foo, Bar]类别：前端草稿：falselang：jp #仅当帖子的语言与“config.ts”中站点的语言不同时才设置---

命令

所有命令都从项目的根目录的终端运行：

命令	行动
pnpm install并pnpm add sharp	安装依赖项
pnpm dev	在localhost:4321启动本地开发服务器
pnpm build	将您的生产站点构建到./dist/
pnpm preview	在部署之前在本地预览您的构建
pnpm new-post <filename>	创建一个新帖子
pnpm astro ...	运行 CLI 命令，例如astro add 、 astro check
pnpm astro --help	使用 Astro CLI 获取帮助