# 每日信息流静态站

这是一个可以直接放到 **Cloudflare Pages** 的纯静态网页：没有后端、没有数据库，数据存放在 `data/posts.json`，浏览器端自动渲染、搜索、筛选和归档。

## 目录

```text
.
├── index.html          # 页面结构
├── styles.css          # Vercel 风格极简样式
├── app.js              # 前端渲染 / 搜索 / 归档
├── data/posts.json     # 每天推送的信息数据
├── scripts/add-post.mjs# 追加新信息的脚本
└── _headers            # Cloudflare Pages 响应头
```

## 本地预览

```bash
cd ~/daily-info-site
python3 -m http.server 8787
# 打开 http://localhost:8787
```

## 添加每天推送的信息

### 方式 1：命令行追加

```bash
cd ~/daily-info-site
node scripts/add-post.mjs \
  --title "今日 AI 动态" \
  --summary "这里放推送摘要。" \
  --source "Hermes" \
  --url "https://example.com" \
  --tags "AI,日报,产品"
```

### 方式 2：从剪贴板 / 管道读取正文

```bash
pbpaste | node scripts/add-post.mjs --title "今日推送" --source "Hermes" --tags "日报"
```

### 方式 3：直接编辑 JSON

编辑 `data/posts.json`：

```json
{
  "date": "2026-05-13",
  "title": "标题",
  "source": "来源",
  "url": "https://...",
  "summary": "摘要正文",
  "tags": ["标签1", "标签2"]
}
```

## 部署到 Cloudflare Pages

### 推荐：连接 GitHub 仓库

1. 把这个目录提交到 GitHub 仓库。
2. Cloudflare Dashboard → **Workers & Pages** → **Create application** → **Pages** → **Connect to Git**。
3. 选择仓库。
4. 构建设置：
   - Framework preset: `None`
   - Build command: 留空
   - Build output directory: `/`
5. 部署后，每次 `git push` 更新 `data/posts.json`，Cloudflare Pages 会自动重新发布。

### 备选：Wrangler 直接上传

```bash
cd ~/daily-info-site
npx wrangler pages project create daily-info-site
npx wrangler pages deploy . --project-name daily-info-site
```

## 和“每天推送”自动化衔接

如果每天推送来自 Hermes / cron / 其它脚本，只要在生成推送后执行：

```bash
node ~/daily-info-site/scripts/add-post.mjs \
  --title "$(date +%F) 每日推送" \
  --summary "推送内容" \
  --source "Hermes" \
  --tags "日报"
```

然后提交并推送：

```bash
cd ~/daily-info-site
git add data/posts.json
git commit -m "Update daily brief $(date +%F)"
git push
```

Cloudflare Pages 会自动部署最新静态页面。