# PaperInsight

**Repository Path**: haobingwen/PaperInsight

## Basic Information

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

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2025-10-30
- **Last Updated**: 2025-10-30

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# PaperInsight

一个专注 GNN（图神经网络）、CV（计算机视觉）、RNN（时序模型）的论文阅读与整理站点原型。首页采用清爽的紫色系科技博客风格，包含：

- 顶部导航（品牌 + 菜单）
- 核心引导区（大面积渐变 + 句柄 + 简介）
- 数据可视化（数字卡片：论文总数/分类/标签量）
- 三栏介绍（灵感来源 / 我们的目标 / 共同成长）
- 专题模块（GNN / CV / RNN）
- 最新动态（左对齐时间标签 + 标题 + 简述）
- 行动召唤与页脚（访问徽章占位）

## 结构

```
./
├─ index.html   # 首页
├─ styles.css   # 主题样式与布局
├─ script.js    # 首页交互与计数动画
├─ collections.html # 论文合集页（分类 + 标签联动筛选）
└─ collections.js  # 合集页渲染与筛选逻辑
├─ about.html   # 关于页面（关于我 / 研究方向 / 联系 / 时间线 / 社区）
```

## 本地预览

直接用浏览器打开 `index.html` 即可。

或使用本地服务器（任选其一）：

```cmd
:: 1) Python
python -m http.server 8080

:: 2) Node（需 npm 装 http-server）
npx http-server -p 8080
```

打开浏览器访问：http://localhost:8080

## 自定义数据

修改 `script.js` 顶部的 `totals` 对象来设置首页数字：

```js
const totals = { papers: 128, categories: 3, tags: 42 };
```

“最新动态”“专题模块”等目前为静态占位，后续可接入实际数据源（JSON / API / CMS）。

合集页 `collections.html` 使用 `collections.js` 内置的示例数据进行展示。后续可以：

- 将示例数据替换为从本地 JSON 加载（需要在本地服务器环境下使用 `fetch`）。
- 或接入后端/数据库进行分页检索。

数据结构建议（示例）：

```
{
	id: string,
	title: string,
	year: number,   // 2025
	month: string,  // "07"
	source: string, // "arXiv" | "OSDI 25" ...
	category: "GNN" | "CV" | "RNN",
	subcategory: string,
	tags: string[]  // ["arxiv", "nips24", ...]
}
```

## 下一步（建议）

- 新增专题子页：`/collections/gnn.html` 等
- 论文数据模型与来源：本地 JSON、Supabase、或 Git + Markdown 元数据
- LLM 解析管线：PDF -> 段落 -> 关键信息抽取（方法、贡献、局限、实验）-> 结构化存储
- 标签/时间线视图与检索：关键词、高亮、交互筛选
- 访问统计接入：Umami / Plausible / GA4（替换页脚徽章数字）
 - 为合集页添加 URL 状态（如 ?cat=GNN&tags=arxiv,nips24），支持可分享的筛选链接
 - 增加分页/虚拟滚动与加载占位，优化大规模数据渲染
	- 关于页可加入 FAQ、常用术语表（Glossary），以及引用与致谢