update

Author: zhangwencong317

README.md

@@ -0,0 +1,73 @@
+# 访客统计使用说明
+
+## 📊 关于访客统计
+
+本站使用 **不蒜子（Busuanzi）** 统计服务，可以统计**所有访客**的真实访问数据。
+
+## 🔍 如何查看访客统计
+
+### 方法 1：点击按钮
+点击网页**左下角**的隐蔽 **📊 图标**（半透明，悬停时会显示）
+
+### 方法 2：快捷键（推荐）
+按 **Ctrl + Shift + S** (Mac 用户按 Cmd + Shift + S)
+
+### 输入密码
+默认密码：**rise123**
+
+## ⚠️ 重要提示
+
+### 本地测试显示"加载中"是正常的！
+
+不蒜子统计**必须部署到服务器**才能工作：
+- ❌ 本地打开（`file://`）无法统计，会显示"加载中"
+- ✅ 部署到 GitHub Pages 或服务器后才能正常显示数据
+- ✅ 通过 `http://` 或 `https://` 访问才有效
+
+**部署后就能看到真实的访问统计了！**
+
+## 📈 统计内容
+
+- 🌐 **本站总访问量** - 整个网站所有页面的访问次数（PV）
+- 👥 **本站访客数** - 访问网站的独立用户数（UV）
+- 📄 **本页访问量** - 当前页面的访问次数
+
+## 🔐 修改密码
+
+编辑文件：`assets/js/main.js` 第 **1088** 行
+
+```javascript
+const OWNER_PASSWORD = "rise123";  
+```
+
+## 💡 说明
+
+- ✅ 使用不蒜子服务，数据**所有人共享**
+- ✅ 统计全网访客的真实访问量
+- ✅ 只有你（输入密码）能看到统计数据
+- ✅ 访客看不到统计，不影响页面显示
+- ✅ 完全免费，无需注册
+
+## 🚀 如何部署（让统计生效）
+
+### 方法 1：GitHub Pages
+```bash
+git add .
+git commit -m "add visitor stats"
+git push origin main
+```
+然后在 GitHub 仓库设置中开启 Pages
+
+### 方法 2：其他服务器
+上传到任何支持静态网页的服务器即可
+
+**部署后访问网站，统计数据就会正常显示！**
+
+## 📝 其他
+
+- **关闭面板**：点击"关闭"按钮
+- **查看原始数据**：访问 [不蒜子官网](http://busuanzi.ibruce.info/)
+
+---
+
+就这么简单！😊

assets/css/style.css

@@ -1469,4 +1469,16 @@ main .caption { opacity: 1 !important; }
   .hero-overlay .hero-title {
     margin-top: 0;
   }
+}
+
+/* ===== Visitor Stats Button (Hidden at bottom) ===== */
+#statsBtn:hover {
+  opacity: 0.8 !important;
+  background: rgba(91, 124, 250, 0.2) !important;
+  transform: scale(1.15);
+}
+
+#statsBtn:active {
+  transform: scale(0.9);
+  opacity: 1 !important;
 }

assets/js/main.js

@@ -538,6 +538,7 @@ window.addEventListener("load", ()=>{
   setupBackToTop();
   setupFadeInAnimations();
   setupActiveNav();
+  setupVisitorCounter();
 });
 
 /* ===== Hero video interactions ===== */
@@ -1080,4 +1081,94 @@ function setupFadeInAnimations(){
   });
 
   elements.forEach(el => observer.observe(el));
+}
+
+/* ===== Busuanzi Visitor Counter (Owner Only) ===== */
+function setupVisitorCounter(){
+  const OWNER_PASSWORD = "rise123"; // 修改为你自己的密码
+  
+  // 创建统计面板
+  function createStatsPanel(){
+    const panel = document.createElement('div');
+    panel.id = 'visitorStatsPanel';
+    panel.style.cssText = `
+      position: fixed;
+      bottom: 20px;
+      right: 20px;
+      background: white;
+      border: 2px solid #5b7cfa;
+      border-radius: 12px;
+      padding: 20px;
+      max-width: 350px;
+      box-shadow: 0 4px 20px rgba(0,0,0,0.2);
+      z-index: 9999;
+      font-family: system-ui, -apple-system, Segoe UI;
+      font-size: 14px;
+      display: none;
+    `;
+    panel.innerHTML = `
+      <div style="margin-bottom: 16px; font-weight: 700; font-size: 16px; color: #5b7cfa; border-bottom: 2px solid #e6e6e6; padding-bottom: 10px;">📊 访客统计（不蒜子）</div>
+      <div style="margin-bottom: 8px; color: #333; line-height: 1.8;">
+        <div style="margin-bottom: 8px; display: flex; justify-content: space-between;">
+          <span>🌐 本站总访问量:</span>
+          <strong style="color: #5b7cfa;"><span id="busuanzi_value_site_pv">--</span> 次</strong>
+        </div>
+        <div style="margin-bottom: 8px; display: flex; justify-content: space-between;">
+          <span>👥 本站访客数:</span>
+          <strong style="color: #5b7cfa;"><span id="busuanzi_value_site_uv">--</span> 人</strong>
+        </div>
+        <div style="margin-bottom: 8px; display: flex; justify-content: space-between;">
+          <span>📄 本页访问量:</span>
+          <strong style="color: #5b7cfa;"><span id="busuanzi_value_page_pv">--</span> 次</strong>
+        </div>
+      </div>
+      <div style="margin-top: 12px; padding-top: 12px; border-top: 1px solid #e6e6e6; font-size: 12px; color: #999;">
+        统计数据由 <a href="http://busuanzi.ibruce.info/" target="_blank" style="color: #5b7cfa;">不蒜子</a> 提供
+      </div>
+      <button id="closeStats" style="width: 100%; padding: 10px; margin-top: 12px; background: #5b7cfa; color: white; border: none; border-radius: 6px; cursor: pointer; font-size: 13px; font-weight: 600;">关闭</button>
+    `;
+    document.body.appendChild(panel);
+    
+    // 关闭按钮
+    document.getElementById('closeStats').addEventListener('click', () => {
+      panel.style.display = 'none';
+    });
+    
+    return panel;
+  }
+  
+  // 打开统计面板（需要密码）
+  function showStatsPanel(){
+    const pwd = prompt('请输入访客统计密码:');
+    if(pwd === OWNER_PASSWORD){
+      const panel = document.getElementById('visitorStatsPanel') || createStatsPanel();
+      panel.style.display = 'block';
+      
+      // 等待不蒜子数据加载
+      setTimeout(() => {
+        const pv = document.getElementById('busuanzi_value_site_pv');
+        if(pv && pv.textContent === '--'){
+          pv.textContent = '加载中...';
+        }
+      }, 500);
+    } else if(pwd !== null){
+      alert('密码错误!');
+    }
+  }
+  
+  window.showStatsPanel = showStatsPanel;
+  
+  // 绑定按钮
+  const statsBtn = document.getElementById('statsBtn');
+  if(statsBtn){
+    statsBtn.addEventListener('click', showStatsPanel);
+  }
+  
+  // 添加快捷键：Ctrl+Shift+S 打开统计
+  document.addEventListener('keydown', (e) => {
+    if(e.ctrlKey && e.shiftKey && e.code === 'KeyS'){
+      e.preventDefault();
+      showStatsPanel();
+    }
+  });
 }

index.html

@@ -188,21 +188,21 @@ <h3>Continuous Success achieved by RISE</h3>
     <div class="carousel-track" id="track">
       <article class="carousel-card">
         <div class="video-wrapper">
-          <video style="pointer-events: none;" src="https://assets.kinetixai.cn/rise3/backpack_continuous_21_RISE_compressed.mp4" autoplay muted loop playsinline preload="metadata"></video>
+          <video style="pointer-events: none;" src="https://assets.kinetixai.cn/rise3/backpack_continuous_21_RISE_v2.mp4" autoplay muted loop playsinline preload="metadata"></video>
         </div>
         <div class="carousel-caption">Backpack Packing</div>
       </article>
 
       <article class="carousel-card">
         <div class="video-wrapper">
-          <video style="pointer-events: none;" src="https://assets.kinetixai.cn/rise3/conveyor_continuous_11_RISE_compressed.mp4" autoplay muted loop playsinline preload="metadata"></video>
+          <video style="pointer-events: none;" src="https://assets.kinetixai.cn/rise3/conveyor_continuous_11_RISE_v2.mp4" autoplay muted loop playsinline preload="metadata"></video>
         </div>
         <div class="carousel-caption">Dynamic Brick Sorting</div>
       </article>
 
       <article class="carousel-card">
         <div class="video-wrapper">
-          <video style="pointer-events: none;" src="https://assets.kinetixai.cn/rise3/box_continuous_10_RISE_compressed.mp4" autoplay muted loop playsinline preload="metadata"></video>
+          <video style="pointer-events: none;" src="https://assets.kinetixai.cn/rise3/box_continuous_10_RISE_v2.mp4" autoplay muted loop playsinline preload="metadata"></video>
         </div>
         <div class="carousel-caption">Box Closing</div>
       </article>
@@ -682,6 +682,9 @@ <h2>BibTeX</h2>
 
 </main>
 
+<!-- 隐蔽的访客统计入口 - 左下角 -->
+<div id="statsBtn" style="position: fixed; bottom: 10px; left: 10px; width: 24px; height: 24px; background: rgba(200, 200, 200, 0.15); border-radius: 4px; cursor: pointer; display: flex; align-items: center; justify-content: center; font-size: 11px; opacity: 0.3; transition: all 0.2s; z-index: 50;" title="访客统计 (Ctrl+Shift+S)">📊</div>
+
 <!-- Modal -->
 <div id="modal" style="display:none; position:fixed; inset:0; background:rgba(0,0,0,.82); z-index:100; align-items:center; justify-content:center; padding:18px" onclick="closeModal()">
   <div style="max-width:1100px; width:100%" onclick="event.stopPropagation()">
@@ -697,6 +700,9 @@ <h2>BibTeX</h2>
   </svg>
 </button>
 
+<!-- 不蒜子访客统计 -->
+<script async src="//busuanzi.ibruce.info/busuanzi/2.3/busuanzi.pure.mini.js"></script>
+
 <script src="assets/js/main.js"></script>
 <script>
   document.querySelectorAll("video").forEach(v=>{