灵感来源#

感谢 @digvps 的保姆级教程

📂 Astro 🍥Fuwari 主题建站部署

感谢 @saicaca 开源

saicaca
/
fuwari
Waiting for api.github.com...
00K
0K
0K
Waiting...

关于window的补充说明#

胖哥在视频中只演示了部署macOS的详细步骤，在这里补充一些Windows的配置环境的步骤

安装 Node.js

点击 LTS 版本按钮，下载 .msi 安装文件。注意勾选Add to PATH

NOTE
验证命令:

1
node -v
2
npm -v

安装 pnpm 在 Node.js 安装成功后，使用自带的 npm 工具来安装 pnpm。

打开 cmd 或 PowerShell

1
npm install -g pnpm

验证安装：安装完成后，输入以下命令来验证 pnpm 是否成功。

1
pnpm -v

修改模板#

在项目成功跑起来以后，想要将网站主页路由进行修改。预留出空白方便扩展，比如之后还想添加些仪表盘什么的..

主要思路是修改src/pages文件夹结构，将原有的post放在新建的blog文件夹下，再改变项目中其他地方 ../post→../../post

在原来src/pages所在目录下新建新的入口路由index.astro，引用src/layouts/MainGridLayout.astro作为样式。

自动化构建和部署静态网页到vps#

gemini账号坏了登不上，具体过程待补充

项目指令#

运行本地项目
```
1
pnpm dev
```
代码质量检查
```
1
pnpm biome format --write ./src
```
astro代码检查
```
1
pnpm astro check
```
安装mdx支持
```
1
pnpm astro add mdx
```

oiioioiiioi ← `这是一个神秘的标题`#

_哎呀不想写了，有时间再写吧哈哈！_可以写很多行哦。

NOTE
写法参考:

1
# **oiioioiiioi**  ← `这是一个神秘的标题`
2

3
> _哎呀不想写了，有时间再写吧哈哈！_
4
>
5
> 可以写很多行哦。
6

7
“ # ” ： 一级标签，
8
“** TXT **” ：粗体
9
“_ TXT _” ：  斜体
10
“`TXT`” ： 高亮
11
“ > ” : 一种序号