[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"project-81226":3},{"id":4,"name":5,"fullName":6,"owner":7,"repo":5,"description":8,"homepage":9,"htmlUrl":10,"language":11,"languages":10,"totalLinesOfCode":10,"stars":12,"forks":13,"watchers":14,"openIssues":15,"contributorsCount":13,"subscribersCount":13,"size":13,"stars1d":13,"stars7d":13,"stars30d":13,"stars90d":13,"forks30d":13,"starsTrendScore":13,"compositeScore":16,"rankGlobal":10,"rankLanguage":10,"license":10,"archived":17,"fork":17,"defaultBranch":18,"hasWiki":19,"hasPages":19,"topics":20,"createdAt":10,"pushedAt":10,"updatedAt":34,"readmeContent":35,"aiSummary":36,"trendingCount":13,"starSnapshotCount":13,"syncStatus":37,"lastSyncTime":38,"discoverSource":39},81226,"GitPulse","YuanyuanMa03\u002FGitPulse","YuanyuanMa03","GitPulse — 开源脉搏，实时追踪 GitHub 热门项目","https:\u002F\u002Fyuanyuanma03.github.io\u002FGitPulse\u002F",null,"JavaScript",22,0,23,1,37,false,"master",true,[21,22,23,24,25,26,27,28,29,30,31,32,33],"apple-design","dark-theme","dashboard","github","github-actions","github-pages","github-trending","no-dependencies","open-source","responsive","static-site","vanilla-js","visualization","2026-06-12 04:01:32","\u003Cdiv align=\"center\">\n\n# GitPulse\n\n**开源脉搏，实时跳动。** \u002F *Track the pulse of the open source world.*\n\n🌐 中文 · English &nbsp;|&nbsp; 每 6 小时自动更新\n\n[🌐 Live Demo (GitHub Pages)](https:\u002F\u002Fyuanyuanma03.github.io\u002FGitPulse\u002F) · [⚡ Live Demo (Vercel)](https:\u002F\u002Fgitpulse-orpin.vercel.app) · [📦 Source](https:\u002F\u002Fgithub.com\u002FYuanyuanMa03\u002FGitPulse)\n\n---\n\n### ⚡ 30 秒一键部署你自己的 GitPulse\n\n[![Deploy with Vercel](https:\u002F\u002Fvercel.com\u002Fbutton)](https:\u002F\u002Fvercel.com\u002Fnew\u002Fclone?repository-url=https:\u002F\u002Fgithub.com\u002FYuanyuanMa03\u002FGitPulse) &nbsp; [![Deploy to Netlify](https:\u002F\u002Fwww.netlify.com\u002Fimg\u002Fdeploy\u002Fbutton.svg)](https:\u002F\u002Fapp.netlify.com\u002Fstart\u002Fdeploy?repository=https:\u002F\u002Fgithub.com\u002FYuanyuanMa03\u002FGitPulse)\n\n点击按钮 → Fork & 部署 → 你的实例上线。就这么简单。\n\n> 💡 部署后记得去仓库的 **Settings → Actions → General** 开启 workflow 权限，数据才会自动更新。\n\n---\n\n\u003C\u002Fdiv>\n\n\u003Cp align=\"center\">\n  \u003Cem>In the flood of information, \u003Cstrong>pulse\u003C\u002Fstrong> is the only signal worth tracking.\u003C\u002Fem>\n  \u003Cbr>在信息的洪流中，\u003Cstrong>脉搏\u003C\u002Fstrong>是唯一值得追踪的信号。\n\u003C\u002Fp>\n\n\u003Cp align=\"center\">\n\u003Cimg src=\"screenshots\u002Fhero-en-dark.png\" width=\"100%\" alt=\"GitPulse Hero — English\">\n\u003Cbr>\u003Csub>🌐 English — Dark Mode\u003C\u002Fsub>\n\u003C\u002Fp>\n\n\u003Cp align=\"center\">\n\u003Cimg src=\"screenshots\u002Fhero-dark.png\" width=\"100%\" alt=\"GitPulse Hero — 中文\">\n\u003Cbr>\u003Csub>🇨🇳 中文 — Dark Mode\u003C\u002Fsub>\n\u003C\u002Fp>\n\n## 🌐 中英双语 \u002F Bilingual\n\nGitPulse 支持**中文 \u002F English** 完整双语切换。零依赖纯 vanilla JS 实现：\n\n- **一键切换** — 导航栏右侧的 `中`\u002F`En` 按钮，带淡入淡出过渡动画\n- **自动检测** — 根据浏览器语言自动选择，偏好持久化到 `localStorage`\n- **全站覆盖** — 静态文本、JS 动态生成内容（仓库卡片、筛选片、详情面板）全部同步切换\n- **设计签名** — 哲学卡片标题中英双语常驻，section eyebrows（Apple 风格装饰）保持英文\n\n```\ndata-i18n 属性 → textContent\ndata-i18n-html → innerHTML（保留 \u003Cbr> \u003Cspan>）\ndata-i18n-placeholder → input placeholder\nCSS [lang] 规则 → 双元素对（计数器标签、Hero 副标题）\n```\n\n## 哲学\n\n> 在信息的洪流中，**脉搏**是唯一值得追踪的信号。\n\n开源世界的价值不在于\"有多少仓库\"，而在于**此刻什么正在被创造、被关注、被推动**。\n\nGitPulse 不是另一个 GitHub 排行榜。它试图回答一个更本质的问题：**此刻，开源社区的注意力在哪里？**\n\n我们相信三件事：\n\n- **数据即脉搏** — 每 6 小时捕获一次，如同心电图般记录开源世界的每一次心跳\n- **趋势即方向** — 从 topics 关键词云中，你能看到技术思潮的涌动\n- **极简即尊重** — Apple 级的设计语言，因为好的数据值得好的容器\n\n## 实时数据\n\n语言分布、热门关键词、Stars 排行、ECG 脉搏信号 — 所有数据从 `data.json` 动态加载，纯 CSS\u002FCanvas 可视化。\n\n\u003Cp align=\"center\">\n\u003Cimg src=\"screenshots\u002Fdata-en.png\" width=\"100%\" alt=\"Data Showcase — English\">\n\u003C\u002Fp>\n\n## 仓库追踪\n\n每日、每周、每月热门仓库。支持**搜索**、**语言筛选**、**内联详情面板**（点击展开）、**Stars 增量追踪**（delta badges）。按语言过滤，零延迟本地搜索。\n\n\u003Cp align=\"center\">\n\u003Cimg src=\"screenshots\u002Frepo-en.png\" width=\"100%\" alt=\"Repo Explorer — English\">\n\u003C\u002Fp>\n\n## 特性\n\n- 🌐 **中英双语切换** — 全站中文\u002FEnglish 一键切换，浏览器语言自动检测\n- 🖤 **明暗双主题** — 深色\u002F浅色一键切换，偏好自动保存\n- 🔍 **实时搜索** — 仓库名和描述即时过滤，200ms 防抖\n- 🏷️ **语言筛选** — 颜色标识的可滚动筛选片，按语言精确定位\n- 📋 **内联详情面板** — 点击仓库卡片展开完整信息（创建日期、Last Push、Forks、Issues）\n- 📈 **Stars 增量追踪** — 绿色 delta 徽章显示自上次更新后的 stars 增长\n- 📊 **纯 HTML\u002FCSS 图表** — 语言分布条、Stars 排行、关键词云，零依赖\n- 💓 **ECG 脉搏动画** — Canvas 绘制的心电图实时动画\n- ✨ **滚动渐现动画** — IntersectionObserver 驱动，每个元素优雅浮入\n- 🔢 **数字跳动计数器** — 关键指标从 0 动态增长\n- 📱 **全响应式** — 桌面、平板、手机完美适配\n- 🔄 **每 6 小时自动更新** — GitHub Actions 自动抓取，永不过时\n- ⚡ **零框架零依赖** — 纯 HTML \u002F CSS \u002F Vanilla JS，无构建步骤\n\n## 技术栈\n\n| 层 | 技术 |\n|---|---|\n| 前端 | 纯 HTML \u002F CSS \u002F Vanilla JS（零框架） |\n| i18n | `data-i18n` 属性 + T 字典 + CSS `[lang]` 规则 |\n| 图表 | 纯 CSS 条形图 + 标签云 + Canvas ECG |\n| 数据 | GitHub Search API → `data.json`（含 delta 计算 + README 兜底提取） |\n| 部署 | GitHub Pages + Vercel + Netlify |\n| 自动化 | GitHub Actions（每天 4 次） |\n\n## 🔄 Auto Update\n\n数据通过 GitHub Actions 自动更新，每天 4 次（UTC 0:00 \u002F 6:00 \u002F 12:00 \u002F 18:00）：\n\n```yaml\nschedule:\n  - cron: '0 0,6,12,18 * * *'\n```\n\n也支持手动触发：`Actions → Update Trending Data → Run workflow`\n\n## 本地开发\n\n```bash\ngit clone https:\u002F\u002Fgithub.com\u002FYuanyuanMa03\u002FGitPulse.git\ncd GitPulse\npython3 fetch_trending.py          # 拉取数据\npython3 -m http.server 8080        # 启动服务\n# 浏览器打开 http:\u002F\u002Flocalhost:8080\n```\n\n## 项目结构\n\n```\n├── index.html              # 单文件 HTML，全部结构 + data-i18n 属性\n├── style.css               # Apple 暗色\u002F亮色主题 + 语言切换样式\n├── main.js                 # 交互逻辑（i18n \u002F 搜索 \u002F 筛选 \u002F 详情面板 \u002F 主题切换）\n├── data.json               # GitHub trending 数据（自动生成）\n├── fetch_trending.py       # 数据抓取 + delta 计算 + README 兜底\n├── update.sh               # 更新脚本\n├── .github\u002Fworkflows\u002F\n│   └── update.yml          # 自动更新 workflow\n└── screenshots\u002F\n    ├── hero-en-dark.png     # 英文深色模式 Hero\n    ├── data-en.png          # 英文数据可视化\n    ├── repo-en.png          # 英文仓库追踪\n    ├── hero-dark.png        # 中文深色模式 Hero（旧版参考）\n    ├── hero-light.png       # 中文浅色模式 Hero\n    ├── data-showcase.png    # 中文数据可视化\n    └── repo-explorer.png    # 中文仓库追踪\n```\n\n---\n\n\u003Cdiv align=\"center\">\n\n**Built with ♥ by [YuanyuanMa03](https:\u002F\u002Fgithub.com\u002FYuanyuanMa03)**\n\n*追踪脉搏，而非噪音。* \u002F *Track the pulse, not the noise.*\n\n\u003C\u002Fdiv>\n","GitPulse 是一个实时追踪 GitHub 热门项目的开源工具。该项目采用纯 JavaScript 实现，无任何外部依赖，支持中英双语切换、明暗主题选择以及实时搜索和语言筛选等功能。其核心功能包括每 6 小时自动更新的仓库数据、ECG 脉搏动画展示趋势变化、全响应式设计以适应不同设备，并通过 GitHub Actions 自动抓取最新信息。GitPulse 适合开发者和技术爱好者用来发现当前最活跃的开源项目和技术趋势，同时也是学习前端开发技术和设计理念的一个好案例。",2,"2026-06-11 04:03:59","CREATED_QUERY"]