fayazara/portfolio-site-template
GitHub: fayazara/portfolio-site-template
一个使用 Astro、Tailwind CSS 和 Motion 构建的个人作品集网站模板，支持一键部署到 Cloudflare Workers，通过文件夹形式组织内容展示。
Stars: 129 | Forks: 17
# 个人作品集网站模板
一个使用 [Astro](https://astro.build)、Tailwind CSS 4 和 [Motion](https://motion.dev) 构建的小型个人作品集。你的内容存放在各种小文件夹中 —— 旅行照片、项目、文章 —— 点击即可展开为完整的合集。
## 部署
一键将你自己的副本部署到 Cloudflare Workers：
[](https://deploy.workers.cloudflare.com/?url=https://github.com/fayazara/portfolio-site-template)
或者从你的本地计算机手动部署：
```
pnpm install
pnpm run deploy
```
## 快速开始
```
pnpm install
pnpm dev
```
该网站运行在 `localhost:4321`。
## 自定义你的网站
- **`src/data/collections.ts`** — 主页上的文件夹以及其中的所有内容。条目可以是图片、带标签的项目 Logo，或者简短的笔记。
- **`src/components/About.astro`** — 你的姓名、照片和简介。
- **`src/layouts/Layout.astro`** — 页面标题、meta 信息和全局界面元素。
## 命令
| 命令 | 操作 |
| :---------------- | :------------------------------------------- |
| `pnpm install` | 安装依赖 |
| `pnpm dev` | 在 `localhost:4321` 启动本地开发服务器 |
| `pnpm build` | 将生产环境网站构建到 `./dist/` |
| `pnpm preview` | 在部署前本地预览构建 |
| `pnpm run deploy` | 构建并部署到 Cloudflare Workers |
## 许可证
MIT
标签：Astro, Serverless, Tailwind CSS, 个人主页, 前端模板, 程序员工具