1你访问博客
 2    ↓
 3JS 读取 /index.xml（Hugo 自动生成的 RSS Feed）
 4    ↓
 5解析文章发布日期
 6    ↓
 7对比 localStorage 中的「最后访问时间」
 8    ├─ 有新文章 → 铃铛按钮出现红色角标（如「3」）
 9    └─ 无新文章 → 保持静默
10    ↓
11点击铃铛 → 展开面板展示最新文章列表
12    ↓
13关闭面板 → 记录当前时间为「已读」

 1// 1. 从 localStorage 读取最后访问时间
 2var lastVisit = parseInt(localStorage.getItem('lumin_sub_lastvisit'), 10) || 0;
 3
 4// 2. 拉取 RSS 并解析
 5fetch('/index.xml')
 6  .then(function(r) { return r.text(); })
 7  .then(function(xmlStr) {
 8    var doc = new DOMParser().parseFromString(xmlStr, 'text/xml');
 9    var items = doc.querySelectorAll('item');
10    // 遍历文章，对比发布时间
11    var newCount = 0;
12    items.forEach(function(item) {
13      var ts = new Date(item.querySelector('pubDate').textContent).getTime();
14      if (ts > lastVisit) newCount++;
15    });
16    // 有更新 → 显示角标
17    if (newCount > 0) badge.textContent = newCount;
18  });