# yangluoprogramme

**Repository Path**: gomovie/yangluoprogramme

## Basic Information

- **Project Name**: yangluoprogramme
- **Description**: Static portfolio preview — AIGC, AI video, urban design
- **Primary Language**: Unknown
- **License**: Not specified
- **Default Branch**: main
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2026-07-03
- **Last Updated**: 2026-07-03

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# Yang Portfolio — 个人作品展示页

> Designing Stories Between Cities, Cinema & AI

纯静态作品集首页，展示 AIGC 内容运营、AI 视频、城市规划与设计项目经验。部署后别人可以直接打开网页浏览所有内容，无需外部跳转。

## 目录结构

```
.
├── index.html          # 主页面（单页，纯 HTML/CSS/JS）
├── README.md           # 本文件
└── assets/             # 静态资源（图片、PDF、视频）
    ├── a-letter/       # AI 短片素材
    ├── douyin/         # 抖音项目截图
    ├── gomovie/        # 小红书 Go Movie 项目截图
    ├── hero/           # 首页头图及视频
    ├── portfolio-images/ # 城市设计作品集图片
    ├── yang-aigc-resume.pdf
    └── yang-portfolio.pdf
```

**特点：**
- 纯静态，无需构建、无需服务端
- 所有路径使用相对路径，部署后可正常访问
- 支持锚点链接 `index.html#works` 快速跳转至作品展示区
- 各项目配有截图封面与关键数据亮点的静态卡片展示
- 无需跳转外部页面，打开即览全部内容

## 本地预览

直接用浏览器打开 `index.html`：

```bash
open index.html
```

或启动临时 HTTP 服务器（推荐，避免某些浏览器对 `file://` 的限制）：

```bash
# Python 3
python3 -m http.server 8000
# 然后访问 http://localhost:8000
```

## 部署方式

以下任意一种方式部署后，所有图片、视频和布局均能正常访问，`#works` 锚点也可正确跳转。

### 方式一：Cloudflare Pages（推荐）

1. 登录 [Cloudflare Dashboard](https://dash.cloudflare.com/)
2. 进入 **Workers & Pages → Pages → Create application**
3. 选择 **Direct Upload**（直接上传）
4. 将整个文件夹（`index.html` + `assets/`）拖入上传区
5. 保留默认构建设置（Framework preset = None，无构建命令）
6. 点击 **Save & Deploy**

部署完成后会获得一个 `<项目名>.pages.dev` 的 HTTPS 链接，可直接分享。

### 方式二：GitHub Pages

1. 在 GitHub 上新建仓库（公开）
2. 将整个文件夹推送到仓库根目录

```bash
git init
git add .
git commit -m "Initial commit: portfolio page"
git remote add origin https://github.com/你的用户名/仓库名.git
git push -u origin main
```

3. 进入仓库 **Settings → Pages**
4. Source 选择 **Deploy from a branch**
5. Branch 选择 `main`，目录选择 `/ (root)`
6. 保存。几分钟后即可通过 `https://你的用户名.github.io/仓库名/` 访问。

### 方式三：Netlify

1. 登录 [Netlify](https://app.netlify.com/)
2. **Sites → Add new site → Deploy manually**
3. 将 `index.html` + `assets/` 文件夹拖入上传区
4. 部署完成即获得 `.netlify.app` 链接

### 部署后验证清单

- [ ] 首页标题、Banner 正常显示
- [ ] `#works` 锚点跳转到作品展示区域
- [ ] 4 张作品卡片均显示标题、类型、说明、亮点和标签
- [ ] 卡片预览图正常加载（Project 01–03 有截图封面）
- [ ] 图片轮播（gomovie 项目）正常播放
- [ ] 页面所有图片和视频通过相对路径加载
- [ ] 联系区信息均为纯文本展示，无外部跳转
- [ ] 移动端布局正常

## 说明

- 本页为**静态内容展示页**，不包含外部链接跳转
- 所有图片使用 `assets/...` 相对路径，复制整个文件夹到任何静态托管服务即可工作
- 展示内容包含：AI 自媒体运营、AI 短视频、城市设计项目、AIGC 工作流四大板块
- 联系区的抖音信息为纯文本展示