+ {/* 左侧：返回按钮和设置按钮 */}
+
+ {showBackButton && }
+
- )}
- {/* 站点名称 */}
-
+
+ {/* 中间：Logo（绝对居中） */}
+
{
{siteName}
-
- {/* 右侧按钮 */}
-
-
-
-
);
};
diff --git a/src/components/PageLayout.tsx b/src/components/PageLayout.tsx
index 993ceb5..03ec8a6 100644
--- a/src/components/PageLayout.tsx
+++ b/src/components/PageLayout.tsx
@@ -2,6 +2,7 @@ import { BackButton } from './BackButton';
import { LogoutButton } from './LogoutButton';
import MobileBottomNav from './MobileBottomNav';
import MobileHeader from './MobileHeader';
+import { SettingsButton } from './SettingsButton';
import Sidebar from './Sidebar';
import { ThemeToggle } from './ThemeToggle';
@@ -34,6 +35,7 @@ const PageLayout = ({ children, activePath = '/' }: PageLayoutProps) => {
{/* 桌面端顶部按钮 */}
+
diff --git a/src/components/SettingsButton.tsx b/src/components/SettingsButton.tsx
new file mode 100644
index 0000000..ac3a89a
--- /dev/null
+++ b/src/components/SettingsButton.tsx
@@ -0,0 +1,185 @@
+'use client';
+
+import { Settings, X } from 'lucide-react';
+import { useEffect, useState } from 'react';
+import { createPortal } from 'react-dom';
+
+export const SettingsButton: React.FC = () => {
+ const [isOpen, setIsOpen] = useState(false);
+ const [defaultAggregateSearch, setDefaultAggregateSearch] = useState(true);
+ const [doubanProxyUrl, setDoubanProxyUrl] = useState('');
+ const [imageProxyUrl, setImageProxyUrl] = useState('');
+ const [mounted, setMounted] = useState(false);
+
+ // 确保组件已挂载
+ useEffect(() => {
+ setMounted(true);
+ }, []);
+
+ // 从 localStorage 读取设置
+ useEffect(() => {
+ if (typeof window !== 'undefined') {
+ const savedAggregateSearch = localStorage.getItem(
+ 'defaultAggregateSearch'
+ );
+ if (savedAggregateSearch !== null) {
+ setDefaultAggregateSearch(JSON.parse(savedAggregateSearch));
+ }
+
+ const savedDoubanProxyUrl = localStorage.getItem('doubanProxyUrl');
+ if (savedDoubanProxyUrl !== null) {
+ setDoubanProxyUrl(savedDoubanProxyUrl);
+ }
+
+ const savedImageProxyUrl = localStorage.getItem('imageProxyUrl');
+ if (savedImageProxyUrl !== null) {
+ setImageProxyUrl(savedImageProxyUrl);
+ }
+ }
+ }, []);
+
+ // 保存设置到 localStorage
+ const handleAggregateToggle = (value: boolean) => {
+ setDefaultAggregateSearch(value);
+ if (typeof window !== 'undefined') {
+ localStorage.setItem('defaultAggregateSearch', JSON.stringify(value));
+ }
+ };
+
+ const handleDoubanProxyUrlChange = (value: string) => {
+ setDoubanProxyUrl(value);
+ if (typeof window !== 'undefined') {
+ localStorage.setItem('doubanProxyUrl', value);
+ }
+ };
+
+ const handleImageProxyUrlChange = (value: string) => {
+ setImageProxyUrl(value);
+ if (typeof window !== 'undefined') {
+ localStorage.setItem('imageProxyUrl', value);
+ }
+ };
+
+ const handleSettingsClick = () => {
+ setIsOpen(!isOpen);
+ };
+
+ const handleClosePanel = () => {
+ setIsOpen(false);
+ };
+
+ // 设置面板内容
+ const settingsPanel = (
+ <>
+ {/* 背景遮罩 */}
+
+
+ {/* 设置面板 */}
+
+ {/* 标题栏 */}
+
+
+ 本地设置
+
+
+
+
+ {/* 设置项 */}
+
+ {/* 默认聚合搜索结果 */}
+
+
+
+ 默认聚合搜索结果
+
+
+ 搜索时默认按标题和年份聚合显示结果
+
+
+
+
+
+ {/* 豆瓣代理设置 */}
+
+
+
+ 豆瓣数据代理
+
+
+ 设置代理URL以绕过豆瓣访问限制，留空则使用服务端API
+
+
+
handleDoubanProxyUrlChange(e.target.value)}
+ />
+
+
+ {/* 图片代理设置 */}
+
+
+
+ 图片代理
+
+
+ 设置代理URL以加速图片加载，留空则直接加载原图
+
+
+
handleImageProxyUrlChange(e.target.value)}
+ />
+
+
+
+ {/* 底部说明 */}
+
+
+
+ );
+
+ return (
+ <>
+
+
+ {/* 使用 Portal 将设置面板渲染到 document.body */}
+ {isOpen && mounted && createPortal(settingsPanel, document.body)}
+
+ );
+};
diff --git a/src/components/VideoCard.tsx b/src/components/VideoCard.tsx
index be6ff28..6c400f7 100644
--- a/src/components/VideoCard.tsx
+++ b/src/components/VideoCard.tsx
@@ -13,6 +13,7 @@ import {
toggleFavorite,
} from '@/lib/db.client';
import { SearchResult } from '@/lib/types';
+import { processImageUrl } from '@/lib/utils';
import { ImagePlaceholder } from '@/components/ImagePlaceholder';
@@ -265,7 +266,7 @@ export default function VideoCard({
{/* 图片加载动画 - 改进淡入和锐化效果 */}
{
'本网站仅提供影视信息搜索服务，所有内容均来自第三方网站。本站不存储任何视频资源，不对任何内容的准确性、合法性、完整性负责。';
adminConfig.UserConfig.AllowRegister =
process.env.NEXT_PUBLIC_ENABLE_REGISTER === 'true';
- adminConfig.SiteConfig.SearchResultDefaultAggregate =
- process.env.NEXT_PUBLIC_AGGREGATE_SEARCH_RESULT !== 'false';
cachedConfig = adminConfig;
} else {
// DB 无配置，执行一次初始化
@@ -283,8 +277,6 @@ export async function resetConfig() {
SearchDownstreamMaxPage:
Number(process.env.NEXT_PUBLIC_SEARCH_MAX_PAGE) || 5,
SiteInterfaceCacheTime: fileConfig.cache_time || 7200,
- SearchResultDefaultAggregate:
- process.env.NEXT_PUBLIC_AGGREGATE_SEARCH_RESULT !== 'false',
},
UserConfig: {
AllowRegister: process.env.NEXT_PUBLIC_ENABLE_REGISTER === 'true',
diff --git a/src/lib/douban.client.ts b/src/lib/douban.client.ts
new file mode 100644
index 0000000..726e3f0
--- /dev/null
+++ b/src/lib/douban.client.ts
@@ -0,0 +1,206 @@
+import { DoubanItem, DoubanResult } from './types';
+
+interface DoubanApiResponse {
+ subjects: Array<{
+ id: string;
+ title: string;
+ cover: string;
+ rate: string;
+ }>;
+}
+
+interface DoubanClientParams {
+ type: 'tv' | 'movie';
+ tag: string;
+ pageSize?: number;
+ pageStart?: number;
+}
+
+/**
+ * 浏览器端豆瓣数据获取函数
+ */
+export async function fetchDoubanDataClient(
+ params: DoubanClientParams
+): Promise {
+ const { type, tag, pageSize = 16, pageStart = 0 } = params;
+
+ // 验证参数
+ if (!['tv', 'movie'].includes(type)) {
+ throw new Error('type 参数必须是 tv 或 movie');
+ }
+
+ if (pageSize < 1 || pageSize > 100) {
+ throw new Error('pageSize 必须在 1-100 之间');
+ }
+
+ if (pageStart < 0) {
+ throw new Error('pageStart 不能小于 0');
+ }
+
+ // 处理 top250 特殊情况
+ if (tag === 'top250') {
+ return handleTop250Client(pageStart);
+ }
+
+ const target = `https://movie.douban.com/j/search_subjects?type=${type}&tag=${tag}&sort=recommend&page_limit=${pageSize}&page_start=${pageStart}`;
+
+ try {
+ const response = await fetchWithTimeout(target);
+
+ if (!response.ok) {
+ throw new Error(`HTTP error! Status: ${response.status}`);
+ }
+
+ const doubanData: DoubanApiResponse = await response.json();
+
+ // 转换数据格式
+ const list: DoubanItem[] = doubanData.subjects.map((item) => ({
+ id: item.id,
+ title: item.title,
+ poster: item.cover,
+ rate: item.rate,
+ }));
+
+ return {
+ code: 200,
+ message: '获取成功',
+ list: list,
+ };
+ } catch (error) {
+ throw new Error(`获取豆瓣数据失败: ${(error as Error).message}`);
+ }
+}
+
+/**
+ * 处理豆瓣 Top250 数据获取
+ */
+async function handleTop250Client(pageStart: number): Promise {
+ const target = `https://movie.douban.com/top250?start=${pageStart}&filter=`;
+
+ try {
+ const response = await fetchWithTimeout(target, {
+ headers: {
+ 'User-Agent':
+ 'Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/121.0.0.0 Safari/537.36',
+ Referer: 'https://movie.douban.com/',
+ Accept:
+ 'text/html,application/xhtml+xml,application/xml;q=0.9,image/webp,*/*;q=0.8',
+ },
+ });
+
+ if (!response.ok) {
+ throw new Error(`HTTP error! Status: ${response.status}`);
+ }
+
+ // 获取 HTML 内容
+ const html = await response.text();
+
+ // 通过正则同时捕获影片 id、标题、封面以及评分
+ const moviePattern =
+ /[\s\S]*?
]+href="https?:\/\/movie\.douban\.com\/subject\/(\d+)\/"[\s\S]*?]+alt="([^"]+)"[^>]*src="([^"]+)"[\s\S]*?]*>([^<]*)<\/span>[\s\S]*?<\/div>/g;
+ const movies: DoubanItem[] = [];
+ let match;
+
+ while ((match = moviePattern.exec(html)) !== null) {
+ const id = match[1];
+ const title = match[2];
+ const cover = match[3];
+ const rate = match[4] || '';
+
+ // 处理图片 URL，确保使用 HTTPS
+ const processedCover = cover.replace(/^http:/, 'https:');
+
+ movies.push({
+ id: id,
+ title: title,
+ poster: processedCover,
+ rate: rate,
+ });
+ }
+
+ return {
+ code: 200,
+ message: '获取成功',
+ list: movies,
+ };
+ } catch (error) {
+ throw new Error(`获取豆瓣 Top250 数据失败: ${(error as Error).message}`);
+ }
+}
+
+/**
+ * 带超时的 fetch 请求
+ */
+async function fetchWithTimeout(
+ url: string,
+ options: RequestInit = {}
+): Promise {
+ const controller = new AbortController();
+ const timeoutId = setTimeout(() => controller.abort(), 10000); // 10秒超时
+
+ // 检查是否使用代理
+ const proxyUrl = getDoubanProxyUrl();
+ const finalUrl = proxyUrl ? `${proxyUrl}${encodeURIComponent(url)}` : url;
+
+ const fetchOptions: RequestInit = {
+ ...options,
+ signal: controller.signal,
+ headers: {
+ 'User-Agent':
+ 'Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/121.0.0.0 Safari/537.36',
+ Referer: 'https://movie.douban.com/',
+ Accept: 'application/json, text/plain, */*',
+ ...options.headers,
+ },
+ };
+
+ try {
+ const response = await fetch(finalUrl, fetchOptions);
+ clearTimeout(timeoutId);
+ return response;
+ } catch (error) {
+ clearTimeout(timeoutId);
+ throw error;
+ }
+}
+
+/**
+ * 获取豆瓣代理 URL 设置
+ */
+export function getDoubanProxyUrl(): string | null {
+ if (typeof window === 'undefined') return null;
+
+ const doubanProxyUrl = localStorage.getItem('doubanProxyUrl');
+ return doubanProxyUrl && doubanProxyUrl.trim() ? doubanProxyUrl.trim() : null;
+}
+
+/**
+ * 检查是否应该使用客户端获取豆瓣数据
+ */
+export function shouldUseDoubanClient(): boolean {
+ return getDoubanProxyUrl() !== null;
+}
+
+/**
+ * 统一的豆瓣数据获取函数，根据代理设置选择使用服务端 API 或客户端代理获取
+ */
+export async function getDoubanData(
+ params: DoubanClientParams
+): Promise {
+ if (shouldUseDoubanClient()) {
+ // 使用客户端代理获取（当设置了代理 URL 时）
+ return fetchDoubanDataClient(params);
+ } else {
+ // 使用服务端 API（当没有设置代理 URL 时）
+ const { type, tag, pageSize = 16, pageStart = 0 } = params;
+ const response = await fetch(
+ `/api/douban?type=${type}&tag=${tag}&pageSize=${pageSize}&pageStart=${pageStart}`
+ );
+
+ if (!response.ok) {
+ throw new Error('获取豆瓣数据失败');
+ }
+
+ return response.json();
+ }
+}
diff --git a/src/lib/utils.ts b/src/lib/utils.ts
index 5c7b3a6..0e069e8 100644
--- a/src/lib/utils.ts
+++ b/src/lib/utils.ts
@@ -2,6 +2,31 @@
import Hls from 'hls.js';
+/**
+ * 获取图片代理 URL 设置
+ */
+export function getImageProxyUrl(): string | null {
+ if (typeof window === 'undefined') return null;
+
+ const imageProxyUrl = localStorage.getItem('imageProxyUrl');
+ return imageProxyUrl && imageProxyUrl.trim() ? imageProxyUrl.trim() : null;
+}
+
+/**
+ * 处理图片 URL，如果设置了图片代理则使用代理
+ */
+export function processImageUrl(originalUrl: string): string {
+ if (!originalUrl) return originalUrl;
+
+ const proxyUrl = getImageProxyUrl();
+ if (!proxyUrl) return originalUrl;
+
+ // 如果原始 URL 已经是代理 URL，则不再处理
+ if (originalUrl.includes(proxyUrl)) return originalUrl;
+
+ return `${proxyUrl}${encodeURIComponent(originalUrl)}`;
+}
+
export function cleanHtmlTags(text: string): string {
if (!text) return '';
return text