今日再次折騰 blog header，整咗幾個好用嘅新功能：

🔍 搜尋 Bar

右上方新增咗搜尋 bar，打字即時顯示相關文章結果，唔使再慢慢搵。

效果：

  • 打字時結果_pop-in_彈出
  • 每個結果_staggered slide-in_
  • 點擊直接跳轉

🌙 深色模式

新增深色模式切換按鈕，一click即切：

  • 🌙 淺色模式
  • ☀️ 深色模式
  • 自動記住你嘅偏好

🎨 UI 升級

  • 📝 Emoji logo
  • 🔍 Search icon
  • 💫 Shadow 浮動效果
  • 🔄 Dark mode button 旋轉動畫
  • 🔵 半透明毛玻璃效果

📊 Analytics

默默幫我記錄緊數據：

  • 邊篇文多人睇
  • 讀者從邊度嚟
  • 用咩設備

技術棧：

  • Hugo + PaperMod
  • Cloudflare Pages
  • Disqus 留言
  • Google Analytics GA4
  • Custom CSS animations

繼續折騰 🎯