Astro 博客部署教程：从环境安装到主题配置

手把手教程（一）Astro 博客部署：安装环境+安装Astro+安装Firefly 主题

一、安装环境

1. 安装 Node.js

• Win下载 Node.js，安装时除了修改安装目录为 D 盘，其余步骤都点击下一步。
• MAC直接下载最新版安装即可

安装完成后，

• 使用 Win + R 输入 CMD 打开命令行，输入 node -v，如果出现版本号，则说明安装成功。
• mac直接打开终端输入命令node -v

2. 安装 Git

• mac好像自带git工具
• win下载 Git，安装时除了修改安装目录为 D 盘，其余步骤都点击下一步。

验证安装：

node --version
npm --version
git --version

如果显示版本号，则表示安装成功。

二、安装Astro

npm create astro@latest

跟着提醒一步一步选择，看不懂的英文用谷歌翻译下

三、安装firefly主题

1. 安装 pnpm

如果您尚未安装 pnpm，可以通过 npm 安装：

npm install -g pnpm

安装完成后，打开终端或命令提示符，运行以下命令验证 pnpm 是否安装成功：

pnpm -v

如果显示版本号，则表示安装成功。

2. 克隆项目

先 Fork 到自己仓库在克隆（推荐）

复制你的项目地址

# git clone 粘贴你的项目地址
git clone https://github.com/you-github-name/Firefly.git
cd Firefly

安装依赖

使用 pnpm 安装项目依赖：

pnpm install

运行以下命令启动开发服务器：

pnpm dev

启动成功后，您可以在浏览器中访问 http://localhost:4321 查看您的博客。

本地部署Astro博客教程到此为止

之后更新列表Todo：

1. obsdian或notion编写笔记文章，一键上传到github
2. github 自动部署博客到互联网
   正在研究中。。。。。。