静态网页是啥？Astro是啥？Fuwari又是啥？
静态网页：
静态网页是内容固定不变的网页，页面里的文字、图片、样式等所有内容，在开发时就已经确定并生成纯静态文件（HTML、CSS、JS、图片等），服务器收到访问请求时，只会直接把这些现成的文件返回给浏览器，不会做任何动态计算或数据处理。
简单说，静态网页对所有访问者展示的内容都是完全一样的，除非开发者手动修改文件并重新部署，否则内容永远不会变。
核心特点：
-
文件类型：由纯静态文件组成，核心是.html，搭配.css（样式）、.js（简单交互）、图片 / 视频等资源。
-
服务器行为：服务器仅做文件分发，无数据库交互、无后台代码执行，响应速度极快。
-
内容更新：必须手动修改源码文件，重新上传 / 部署后才能更新内容。
-
访问体验：加载速度快，适配静态托管平台（如你用的 EdgeOne Pages、GitHub Pages、Vercel 等），部署成本低。
-
交互能力：支持前端基础交互（如按钮点击、表单验证、轮播图），但无法实现动态数据功能（不使用外部API的情况下。如用户登录、评论区、实时数据展示）。
Astro以及一系列博客框架
Astro
Astro简单来说就是一款专为构建高性能静态网站设计的前端框架，它的核心目标是让开发者能以极低的成本做出加载飞快、体验优秀的静态网页（比如你搭建的博客），尤其适合新手和内容型网站（博客、文档、官网等）。
Astro的核心定位
-
你可以把 Astro 理解成一个 “静态网页生产工具”：
-
它不像传统 JS 框架（React/Vue）那样强制在浏览器里运行大量代码，而是把大部分工作都放在构建阶段完成（也就是你本地打包的过程），最终输出纯静态的 HTML/CSS/JS 文件；
-
它兼容 React、Vue、Svelte 等主流框架的组件，却又能做到 “零 JS 运行时”（默认情况下浏览器几乎不用执行 JS），所以网页加载速度极快；
-
对新手特别友好：支持用 Markdown 写内容（不用手写复杂的 HTML），语法简单，生态也全（比如你用的 Fuwari 主题就是基于 Astro 开发的）。
Astro的核心特点
- “岛屿架构”（核心亮点）
这是 Astro 最特别的设计：把网页拆成 “静态内容”（比如博客文字、图片）和 “交互区域”（比如按钮、搜索框）。
-
静态内容直接生成纯 HTML，加载极快；
-
只有需要交互的 “小岛屿” 才会加载对应的 JS，避免了整个页面加载大量无用代码。举个例子：你的博客文章主体是纯静态 HTML，只有评论区 / 暗黑模式切换按钮这种需要交互的地方才会加载少量 JS。
- 对 Markdown 原生支持
这也是你用它搭博客的核心原因：你只需要写 .md 格式的博客文章（不用管 HTML 结构），Astro 会自动把 Markdown 转换成美观的 HTML 页面，还能自动生成目录、分页、标签页等功能，不用自己手写这些逻辑。
- 输出纯静态文件
当你运行 astro build 命令后，Astro 会把你的所有内容（主题模板 + Markdown 文章）打包成一堆 .html、.css、图片等静态文件，这些文件可以直接上传到 EdgeOne Pages、GitHub Pages 等静态托管平台，服务器只需要简单分发文件就行，不用配置复杂的运行环境。
- 兼容性极强
如果你之后想学 React/Vue，也可以在 Astro 里直接用这些框架的组件（比如用 React 写一个评论组件），但不会影响整体的静态性能，新手可以先从纯 Astro 语法入手，不用一下子学很多东西。
Hexo
Hexo是一款轻量级的静态博客生成工具，和 Astro 类似（都能生成静态博客），但定位更聚焦 —— 它几乎只专注于博客场景，核心就是帮你把 Markdown 文章快速转换成可部署的静态 HTML 博客，是早期非常火的静态博客工具，很多新手入门静态博客都会先接触它。
Hexo 的核心定位
-
它基于 Node.js 开发，没有 Astro 那样的 “框架属性”，更像一个 “博客专用打包工具”；
-
核心逻辑是：你写 Markdown 文章 → Hexo 读取文章 + 主题模板 → 生成纯静态 HTML/CSS/JS 博客文件；
-
功能高度聚焦博客场景（归档、标签、分类、评论等），但不像 Astro 那样支持多类型网站（比如官网、文档），也没有 “岛屿架构” 这类性能优化设计。
Hexo 的核心特点
- 极简上手，专注写作
安装和使用都很简单，核心命令就几个（hexo init 初始化、hexo new 新建文章、hexo generate 生成静态文件、hexo server 本地预览），几乎不用写代码，改改配置文件就能用。
比如你想新建一篇博客，只需要运行 hexo new “我的第一篇博客”，Hexo 会自动在 source/_posts 目录下生成对应的 Markdown 文件，你直接写内容就行。
- 丰富的主题生态
Hexo有大量现成的免费 / 付费主题（比如 Next、Butterfly），风格覆盖简约、复古、二次元等，新手不用自己设计页面，换主题只需要改配置文件，门槛极低。
- 纯静态输出，部署灵活
运行 hexo generate（可简写为 hexo g）后，Hexo 会把所有内容生成到 public 文件夹（类似 Astro 的 dist 文件夹），这个文件夹里的文件可以直接部署到 GitHub Pages、Netlify 等静态托管平台，不用服务器，免费就能上线。
- 功能单一，扩展性有限
它只适合做博客，如果你想基于它做一个企业官网、产品文档站，会非常麻烦；而且它没有 Astro 那样的组件化能力，也不兼容 React/Vue 等框架，想加复杂交互（比如自定义表单）会比较难。
还有许多许多的开源博客框架，他们都有丰富的主题、玩家社区等
Fuwari主题
Fuwari 是一款基于 Astro 框架开发的开源博客主题，专为个人博客设计，以高颜值、轻量化、易定制为核心特点，新手也能快速上手搭建美观的静态博客。以下是详细介绍：
核心定位
Fuwari 本质是 Astro 的博客主题模板，集成了博客所需的基础功能（文章列表、分类、标签、搜索、评论等），采用 Tailwind CSS 实现响应式设计，打包后生成纯静态文件，可直接部署到 EdgeOne Pages、GitHub Pages 等静态托管平台。其名字 “Fuwari” 源自日语，意为 “轻飘飘”，契合它加载快、视觉轻盈的特点。
核心优势
- 开箱即用：
无需从零开发，下载模板后改配置、写 Markdown 文章即可，适合你这样的技术新手。
- 视觉美观：
默认风格清新简约，支持暗黑模式、自定义背景、卡片式布局，兼顾美观与阅读体验，符合你对 “美观性” 的要求。
- 功能完整：
内置文章归档、标签分类、搜索、RSS 订阅、SEO 优化等博客刚需功能，满足日常使用。
- 性能优异：
基于 Astro 的静态生成能力，打包后无冗余 JS，加载速度快，适配 EdgeOne Pages 的静态托管特性。
- 高度可定制：
通过配置文件可修改站点名称、导航菜单、社交链接等，支持自定义样式与组件，无需复杂前端知识。
搭建个人博客
这里是基于 Fuwari（Astro）+ EdgeOne Pages 的保姆级快速搭建教程，全程 Windows 环境，新手可直接复制命令操作，兼顾易用性、美观性与部署效率。
环境准备（Windows 必装）
所需软件：
-
Node.js：必装，任意版本都可以，注意安装时勾选
Add to PATH -
Git：分布式版本控制系统，安装任意版本，方便更新博客
-
pnpm：必装，用于安装依赖、Dev本地调试
-
VS Code：IDE软件，写博客，修改配置文件用
-
Typora：可选软件，Markdown编辑器，方便编辑你的文章
验证安装
检测Node.js，正确安装后运行命令，反馈版本号
node -v检测npm，正确安装后运行命令，反馈版本号
npm -v安装npm之后安装pnpm
npm install -g pnpm检测pnpm，正确安装后运行命令，反馈版本号
pnpm -v检测git，正确安装后运行命令，反馈版本号
git --version快速搭建Fuwari博客
进入你想要存放博客文件的目录，打开终端开始操作
创建项目
pnpm create fuwari@latest稍等一会，会让你进行一系列自定义
实际上除了文件夹名称，其他的都可以在博客配置文件里面修改
启动本地预览
pnpm dev如果出错，大概率是你依赖没有装好，安装依赖：
pnpm install自定义Fuwari博客
配置文件路径：
站点名称、副标题、导航、社交链接
src/config.ts设置站点 URL（部署必填）
astro.config.mjs开始写文章
文章的Markdown文件路径
src\content\posts在这个文件夹下就是你的所有文章，你可以只有创建文件夹管理你的Markdown文件
每个Markdown中都有FrontMatter在最开头，用来写文章的元数据
---title: "这里写标题"published: YYYY-MM-DDdescription: "文章的摘要"image: ""tags: ["标签1", "标签2"]category: "分类名"draft: false---在此下面就是文章正文内容，你就可以写文章了，文章更多的关于个性化内容可以自行动手AI搜索
我使用的就是Fuwari这个博客主题，你可以把我的博客当作一个实例，去配置出自己的博客
衍生项目
Fuwari有许多衍生项目，比如Mizuki是一款优秀的衍生项目，功能比原版多，个性化更好
也有更多衍生项目，你也可以自行去发现