【手把手教程(一)】Astro 博客部署:安装环境+安装Astro+安装Firefly 主题

主题原文:【Firefly/流萤】可高度个性化配置的Astro开源静态博客模板!!全新优化已推送

一、安装环境

1. 安装 Node.js

2. 安装 Git

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

[

  • Git CMD 是 Windows 命令行风格。(推荐使用)
  • Git Bash 是 Linux 系统命令行风格。
  • Git GUI 是图形化界面(不建议新手使用)。

验证安装:

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 到自己仓库在克隆(推荐)

复制你的项目地址
Pasted image 20260120114122

# 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 自动部署博客到互联网
    正在研究中。。。。。。
12 个赞

前排看看w,感谢分享

这是个博客系统还是?

感谢大佬教程

1 个赞

obsidian可以用git插件可以推到仓库吧,托管到静态网页托管平台比如vercel,Cloudflare pages,仓库有新的commit就会自动构建

感谢佬的分享

1 个赞

是的 还不太会

1 个赞

想问问这个和hugo的区别?我一直用hugo,最近经常看到这个astro

1 个赞

gpt说性能更好,可以问问gpt

1 个赞

这教程。。。似乎不太对,嗯

我把它改成直接发issues即是文章源

发Issues就是文章。

1求指教