# 研究工作日志静态站

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

## 目录

```text
.
├── index.html          # 页面结构
├── styles.css          # 多主题样式与响应式布局
├── app.js              # 前端渲染 / 搜索 / 归档
├── data/posts.json     # 每天的研究日志数据
└── assets/             # 图标资源
```

## 主题切换

页面内置 5 套阅读主题，用户选择会保存在浏览器 `localStorage`：

- `Vercel 极简`：默认白色极简界面。
- `Linear 暗色`：适合夜间阅读的信息流风格。
- `Notion 纸张`：偏笔记/文档的暖色纸张质感。
- `Terminal 情报`：适合技术情报流的绿色终端风。
- `Magazine 杂志`：更强标题感和媒体杂志感。

顶部下拉框和首页主题按钮都可以切换主题，不需要后端或构建步骤。

## 本地预览

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

## 添加研究日志

编辑 `data/posts.json`：

```json
{
  "date": "2026-06-27",
  "title": "标题",
  "source": "来源",
  "url": "https://...",
  "summary": "摘要正文，用 \\n 分隔多行，1）2）格式自动渲染为列表。",
  "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-work-log
npx wrangler pages project create daily-work-log
npx wrangler pages deploy . --project-name daily-work-log
```