# doing-today

**Repository Path**: my_zzx/doing-today

## Basic Information

- **Project Name**: doing-today
- **Description**: No description available
- **Primary Language**: Unknown
- **License**: Not specified
- **Default Branch**: main
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2026-08-09
- **Last Updated**: 2026-08-09

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# 🎯 今日干什么系列

> 选择困难症自救指南 —— 把「吃什么、喝什么、看什么、听什么、穿什么」全部交给运气，一抽定音。

一套纯前端、零依赖的「随机抽签」小应用合集。每个应用都内置了一个默认选项池，点击按钮即可开始抽签，配合滚动动画与音效营造「开奖」仪式感；所有选项都可以自由增删，数据保存在浏览器本地，刷新不丢失。

## ✨ 系列应用

| 应用 | 主题色 | 一句话介绍 |
|------|--------|-----------|
| [今日吃什么](今日吃什么/) | 🍜 经典红 | 一抽定餐，午餐晚餐不再纠结 |
| [今日喝什么](今日喝什么/) | 🥤 茶绿 | 奶茶、咖啡、果汁，一抽定饮 |
| [今日看什么](今日看什么/) | 🎬 靛蓝 | 影剧综艺片单，一抽定片 |
| [今日听什么](今日听什么/) | 🎶 紫 | 曲风歌单，一抽定曲 |
| [今日穿什么](今日穿什么/) | 👕 玫瑰红 | 穿衣风格，一抽定装 |

入口：[导航页](index.html)

## 🚀 快速开始

无需安装任何依赖，两种打开方式任选：

1. **直接打开**：双击根目录的 `index.html`，或在浏览器中打开任意应用文件夹里的 `index.html`。
2. **本地服务器**（推荐，体验更完整）：

```bash
# 任选其一，在项目根目录执行
python -m http.server 8080
# 或
npx http-server -p 8080
```

然后访问 <http://localhost:8080> 即可。

## 🧩 功能特性

- **抽签仪式感**：滚动加速动画 + 落定弹跳动画 + 合成音效（无需外部音频文件）
- **结果卡**：抽中后可「再抽一次」或「就选这个」
- **自定义选项池**：随时添加 / 移除选项，添加时自动按关键词匹配 emoji
- **历史记录**：自动保存最近 6 次抽中结果
- **声音开关**：右上角可一键静音，偏好会被记住
- **本地持久化**：所有数据存在 `localStorage`，刷新、关页不丢失
- **移动端适配**：响应式布局，手机上同样顺手
- **无障碍细节**：支持键盘空格键抽签、`prefers-reduced-motion` 减少动效

## 📁 目录结构

```
今日干什么系列/
├── index.html              # 导航页
├── README.md
├── 今日吃什么/              # 吃什么（首个应用，系列模板）
│   ├── index.html
│   ├── styles.css
│   └── script.js
├── 今日喝什么/              # 喝什么
├── 今日看什么/              # 看什么
├── 今日听什么/              # 听什么
└── 今日穿什么/              # 穿什么
```

> 除「今日吃什么」外，其余 4 个应用均由其改造而来：结构完全一致，仅默认选项池、主题色与文案不同。

## 🛠 技术栈

- 原生 HTML / CSS / JavaScript（零框架、零构建）
- [Noto Sans SC / Noto Serif SC](https://fonts.google.com/) 字体（Google Fonts）
- Web Audio API 合成音效
- `localStorage` 本地持久化

## 🔧 自定义

想调整默认选项？打开对应应用的 `script.js`，修改顶部的 `DEFAULT_*` 数组即可，例如：

```js
// 今日吃什么/script.js
const DEFAULT_FOODS = [
  { name: "兰州拉面", emoji: "🍜" },
  { name: "黄焖鸡米饭", emoji: "🍗" },
  // ...
];
```

想换主题色？修改该应用 `styles.css` 顶部的 `--accent` 与 `--accent-deep` 变量即可。

## 🌐 部署到 GitHub Pages

1. 将整个项目推送到 GitHub 仓库；
2. 在仓库 **Settings → Pages** 中，Source 选择 `Deploy from a branch`，分支选 `main`，目录选根目录 `/`；
3. 保存后等待几分钟，访问 `https://<你的用户名>.github.io/<仓库名>/` 即可看到导航页。

## 📄 许可

本项目仅供学习交流使用。
# doing-today