拒绝第三方依赖：用纯静态架构，把 900 条豆瓣记录搬进个人博客

import json
import re
import time
import requests
from bs4 import BeautifulSoup

# ==================== 配置项 ====================
USER_ID = "haiwuhan" # 你的豆瓣 ID
COOKIE = '''bid=xxx; dbcl2="83316315:xxxx"; ck=xxxx;''' # 浏览器网络面板提取的 Cookie
# ===============================================

HEADERS = {
    "User-Agent": "Mozilla/5.0 (Macintosh; Intel Mac OS X 10_15_7) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/124.0.0.0 Safari/537.36",
    "Cookie": COOKIE,
    "Referer": "https://movie.douban.com/",
}

def extract_movie_id(url):
    match = re.search(r"subject/(\d+)/?", url)
    return match.group(1) if match else ""

def get_watched_movies(user_id):
    movies = []
    start = 0
    page = 1

    print(f"=== 开始抓取豆瓣用户 [{user_id}] 观影记录 ===")

    while True:
        url = f"https://movie.douban.com/people/{user_id}/collect?start={start}&sort=time&rating=all&filter=all&mode=grid"
        print(f"[*] 正在抓取第 {page} 页 (Offset: {start})...")

        try:
            resp = requests.get(url, headers=HEADERS, timeout=10)
            if resp.status_code == 403:
                print("[!] 触发豆瓣 403 拦截，请检查 Cookie 有效性或增大等待间隔。")
                break
            if resp.status_code != 200:
                print(f"[!] 请求异常，HTTP 状态码: {resp.status_code}")
                break

            soup = BeautifulSoup(resp.text, "html.parser")
            items = soup.select(".grid-view .item")

            if not items:
                print("[✓] 没有更多分页数据，全量抓取完成。")
                break

            for item in items:
                # 1. 规范提取简体中文标题
                title_elem = item.select_one(".info .title a")
                raw_title = title_elem.text if title_elem else ""
                clean_title = " ".join(raw_title.split()).split("/")[0].strip()
                link = title_elem["href"] if title_elem else ""
                movie_id = extract_movie_id(link)

                # 2. 封面图替换为高清大图规格
                pic_elem = item.select_one(".pic img")
                cover = pic_elem["src"] if pic_elem else ""
                if "/s_ratio_poster/" in cover:
                    cover = cover.replace("/s_ratio_poster/", "/l_ratio_poster/")

                # 3. 标记日期 (YYYY-MM-DD)
                date_elem = item.select_one(".info .date")
                date = date_elem.text.strip() if date_elem else ""

                # 4. 星级评分 (1-5 星)
                rating = 0
                rating_elem = item.select_one('.info [class*="rating"]')
                if rating_elem:
                    for cls in rating_elem.get("class", []):
                        if cls.startswith("rating") and len(cls) >= 7 and cls[6].isdigit():
                            rating = int(cls[6])

                # 5. 个人短评
                comment_elem = item.select_one(".info .comment")
                comment = comment_elem.text.strip() if comment_elem else ""

                movies.append({
                    "id": movie_id,
                    "title": clean_title,
                    "type": "movie",
                    "status": "collect",
                    "rating": rating,
                    "date": date,
                    "comment": comment,
                    "cover": cover,
                    "link": link
                })

            print(f"[+] 第 {page} 页解析完毕，已累计归档 {len(movies)} 部作品。")
            start += 15
            page += 1
            time.sleep(3) # 严格限速，确保安全

        except Exception as e:
            print(f"[!] 抓取出错: {e}")
            break

    return movies

if __name__ == "__main__":
    data = get_watched_movies(USER_ID)
    with open("data/movies.json", "w", encoding="utf-8") as f:
        json.dump(data, f, ensure_ascii=False, indent=2)
    print(f"\n✅ 全部完成！共导出 {len(data)} 条观影数据，保存在 data/movies.json")

// core/douban.js 核心 RSS 增量解析逻辑
const titleMatch = rawTitle.match(/^(想看|在看|看过|想读|在读|读过)\s+(.*)$/);
if (titleMatch) {
  const action = titleMatch[1];
  const title = titleMatch[2].trim();
  
  let type = link.includes('movie.douban.com') ? 'movie' : 'book';
  let status = ['想看', '想读'].includes(action) ? 'wish' : 
               ['在看', '在读'].includes(action) ? 'do' : 'collect';
  
  const targetMap = type === 'movie' ? movieMap : bookMap;
  const existing = targetMap.get(String(id)) || {};

  targetMap.set(String(id), {
    id: String(id),
    title: title || existing.title,
    type,
    status,
    cover: coverImageUrl || existing.cover,
    local_cover: existing.local_cover || '',
    rating: ratingScore || existing.rating || 0,
    date: createdTime || existing.date || '',
    comment: commentText || existing.comment || '',
    link: link || existing.link
  });
}

// 平摊抓取开销：每次构建最多补充 10 个，增量沉淀
const MAX_FETCH_PER_BUILD = 10;
let fetchCount = 0;

for (const item of allMedia) {
  if (['wish', 'do'].includes(item.status) && !item.year_fetched) {
    if (fetchCount >= MAX_FETCH_PER_BUILD) break;
    
    const res = await fetch(`https://m.douban.com/${item.type}/subject/${item.id}/`, {
      headers: { 'User-Agent': 'Mozilla/5.0 (iPhone; CPU iPhone OS 16_6...)' }
    });
    if (res.ok) {
      const html = await res.text();
      // 正则提取官方评分与上映年份
      const ratingMatch = html.match(/ratingValue"\s*content="([0-9.]+)"/);
      if (ratingMatch) item.rating = parseFloat(ratingMatch[1]) / 2;
      
      const yearMatch = html.match(/class="sub-meta"[^>]*>([\s\S]*?)<\/div>/);
      if (yearMatch) item.year = (yearMatch[1].match(/(19|20)\d{2}/) || [])[0];
    }
    item.year_fetched = true;
    fetchCount++;
    await new Promise(r => setTimeout(r, 2000 + Math.random() * 1500)); // 随机休眠
  }
}

// core/douban.js 海报本地化下载核心逻辑
async function downloadPoster(item) {
  const id = String(item.id);
  const isBook = item.type === 'book';
  const cacheDir = isBook ? BOOK_COVERS_CACHE_DIR : POSTERS_CACHE_DIR;
  const buildDir = isBook ? BOOK_COVERS_BUILD_DIR : POSTERS_BUILD_DIR;
  const localUrl = `${isBook ? '/images/book_covers/' : '/images/posters/'}${id}.jpg`;

  const cacheFile = path.join(cacheDir, `${id}.jpg`);
  const buildFile = path.join(buildDir, `${id}.jpg`);

  // 1. 本地持久化缓存命中：直接复制到构建输出目录，零网络请求
  try {
    await fs.access(cacheFile);
    await fs.copyFile(cacheFile, buildFile);
    return localUrl;
  } catch (e) {}

  // 2. 缓存未命中：携带合法 Referer 请求头下载至本地
  if (item.cover && item.cover.startsWith('http')) {
    try {
      const res = await fetch(item.cover, {
        headers: {
          'Referer': isBook ? 'https://book.douban.com/' : 'https://movie.douban.com/',
          'User-Agent': 'Mozilla/5.0 (Macintosh; Intel Mac OS X 10_15_7)...'
        }
      });
      if (res.ok) {
        const buffer = Buffer.from(await res.arrayBuffer());
        await fs.writeFile(cacheFile, buffer); // 写入长期存储 (Git 跟踪)
        await fs.writeFile(buildFile, buffer); // 写入本次构建目录
        return localUrl;
      }
    } catch (err) {
      console.warn(`海报下载失败 (${id}): ${err.message}`);
    }
  }
  return item.local_cover || item.cover;
}

/* 毛玻璃悬浮控制器核心样式 */
.glass-filter-bar {
  position: fixed;
  bottom: 32px;
  left: 50%;
  transform: translateX(-50%);
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 8px 16px;
  border-radius: 30px;
  background: rgba(255, 255, 255, 0.4);
  backdrop-filter: saturate(180%) blur(20px);
  -webkit-backdrop-filter: saturate(180%) blur(20px);
  border: 1px solid rgba(255, 255, 255, 0.5);
  box-shadow: 0 8px 32px rgba(0, 0, 0, 0.1);
  transition: transform 0.4s cubic-bezier(0.22, 1, 0.36, 1), opacity 0.4s ease;
  z-index: 100;
}

html.dark-theme .glass-filter-bar {
  background: rgba(30, 30, 30, 0.5);
  border: 1px solid rgba(255, 255, 255, 0.1);
  box-shadow: 0 8px 32px rgba(0, 0, 0, 0.4);
}

.glass-filter-bar.hidden {
  transform: translateX(-50%) translateY(100px);
  opacity: 0;
  pointer-events: none;
}

// 鼠标聚光灯动态追踪
els.grid.addEventListener('mousemove', (e) => {
  const card = e.target.closest('.movie-card');
  if (!card) return;
  const rect = card.getBoundingClientRect();
  card.style.setProperty('--mouse-x', `${e.clientX - rect.left}px`);
  card.style.setProperty('--mouse-y', `${e.clientY - rect.top}px`);
});

/* 聚光灯径向发光层 */
.movie-card::after {
  content: "";
  position: absolute;
  inset: 0;
  border: 1px solid transparent;
  pointer-events: none;
  background: radial-gradient(
    circle at var(--mouse-x, 50%) var(--mouse-y, 50%), 
    rgba(255, 255, 255, 0.15) 0%,
    transparent 280px
  );
  opacity: 0;
  transition: opacity 0.3s ease;
}

.movie-card:hover::after {
  opacity: 1;
  border-color: rgba(212, 175, 55, 0.6); /* 尊贵金/极光绿边缘流光 */
}

# .github/workflows/deploy.yml
name: Auto Sync Douban & Deploy Blog

on:
  schedule:
    - cron: '0 0 * * *' # 每天北京时间早上 8:00 自动执行
  workflow_dispatch:     # 支持手动一键触发
  push:
    branches:
      - main

jobs:
  build-and-deploy:
    runs-on: ubuntu-latest
    permissions:
      contents: write
    steps:
      - name: 检出代码
        uses: actions/checkout@v4
        with:
          fetch-depth: 0

      - name: 配置 Node.js
        uses: actions/setup-node@v4
        with:
          node-version: 22
          cache: 'npm'

      - name: 安装依赖与静态构建
        run: |
          npm ci
          npm run build

      - name: 自动提交更新后的豆瓣数据回仓库
        run: |
          git config --global user.name "github-actions[bot]"
          git config --global user.email "github-actions[bot]@users.noreply.github.com"
          if [ -n "$(git status --porcelain data/)" ]; then
            git add data/
            git commit -m "chore: auto sync douban media data"
            git push
          else
            echo "无新增数据需要提交"
          fi

// theme/public/pwa/service-worker.js
// 动态数据文件优先从网络获取最新记录，离线状态下无缝读取 Cache 历史快照
if (isHtmlPage || url.pathname === '/search.json' || url.pathname.startsWith('/data/')) {
  event.respondWith(networkFirst(request));
}