245 字
1 分钟
我是如何搭建这个博客的

这篇博客记录我是如何用 Astro + Fuwari 搭起这个博客的,也给想自己动手的朋友一个参考。

技术选型#

  • Astro:现代静态站点框架,默认零 JavaScript,页面加载快,写 Markdown 很方便
  • Fuwari:一个可爱风格的 Astro 博客主题,支持深色模式、标签、归档、全文搜索

常用命令#

Terminal window
# 本地开发预览(默认 http://localhost:4321)
pnpm dev
# 构建静态站点(输出到 dist/ 目录)
pnpm build
# 新建一篇文章(脚本会帮你生成 frontmatter)
pnpm new-post

写一篇文章#

在 src/content/posts/ 目录下新建一个 Markdown 文件,顶部填写 frontmatter:

---
title: 文章标题
published: 2025-01-21
description: 文章摘要,会显示在列表页。
tags: [标签1, 标签2]
category: 分类名
draft: false
lang: zh_CN
---
这里是正文,支持 **Markdown** 语法。

保存后刷新浏览器即可看到效果。

部署#

博客构建产物在 dist/ 目录,把它部署到 GitHub Pages / Vercel / Netlify 即可上线。

我是如何搭建这个博客的
https://my-website-blog.pages.dev/posts/how-i-built-this-blog/
作者
你的名字
发布于
2025-01-21
许可协议
CC BY-NC-SA 4.0