ArisRhiannon/ArisRhiannon.github.io
GitHub: ArisRhiannon/ArisRhiannon.github.io
一个基于 Astro 的个人网站项目,以零依赖、离线优先的方式展示安全与开发者工具相关内容。
Stars: 1 | Forks: 0
# Astro 入门套件:Minimal
```
npm create astro@latest -- --template minimal
```
## 🚀 项目结构
在你的 Astro 项目中,你会看到以下文件夹和文件:
```
/
├── public/
├── src/
│ └── pages/
│ └── index.astro
└── package.json
```
Astro 会在 `src/pages/` 目录中寻找 `.astro` 或 `.md` 文件。每个页面都会根据其文件名暴露为一个路由。
`src/components/` 没有什么特别之处,但我们喜欢将任何 Astro/React/Vue/Svelte/Preact 组件放在那里。
任何静态资源(例如图像)都可以放置在 `public/` 目录中。
## 🧞 命令
所有命令都是在终端中从项目的根目录运行的:
| 命令 | 操作 |
| :------------------------ | :----------------------------------------------- |
| `npm install` | 安装依赖 |
| `npm run dev` | 在 `localhost:4321` 启动本地开发服务器 |
| `npm run build` | 将你的生产站点构建到 `./dist/` |
| `npm run preview` | 在部署之前在本地预览你的构建内容 |
| `npm run astro ...` | 运行 CLI 命令,例如 `astro add`、`astro check` |
| `npm run astro -- --help` | 获取有关使用 Astro CLI 的帮助 |
## 👀 想要了解更多?
随时查看[我们的文档](https://docs.astro.build)或加入我们的 [Discord 服务器](https://astro.build/chat)。
标签:Astro, 个人网站, 多模态安全, 暗色界面, 零依赖, 静态站点生成