35f1fbc978
变更项： 1. 新增 templates/gemini_summary_card.html，按 Gemini 风格实现移动卡片化总结模板。 2. message_summary 渲染链路升级：支持更完整的 Markdown 富标签转 HTML（标题/列表/表格/代码块/引用等）。 3. 增加渲染后 HTML 安全过滤，清理 script/iframe/on* 事件与 javascript: 链接。 4. 增加 markdown 依赖缺失时的轻量回退解析，保证插件在最小环境下可用。 5. 默认输出配置切换为 template，并指向新 Gemini 风格模板。
199 lines
10 KiB
HTML
199 lines
10 KiB
HTML
<!DOCTYPE html>
|
||
<html lang="zh-CN">
|
||
<head>
|
||
<meta charset="UTF-8">
|
||
<title>Group_Digest_Mobile_V4</title>
|
||
<script src="https://cdn.tailwindcss.com"></script>
|
||
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css">
|
||
<style>
|
||
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;600;700&family=JetBrains+Mono:wght@500&display=swap');
|
||
body {
|
||
background-color: #f8fafc;
|
||
color: #334155;
|
||
font-family: 'Inter', 'PingFang SC', -apple-system, sans-serif;
|
||
-webkit-font-smoothing: antialiased;
|
||
}
|
||
.report-container {
|
||
width: 420px;
|
||
margin: 0 auto;
|
||
background: #ffffff;
|
||
box-shadow: 0 10px 25px -5px rgba(0, 0, 0, 0.05);
|
||
}
|
||
.label-tiny {
|
||
font-size: 9px;
|
||
font-weight: 800;
|
||
text-transform: uppercase;
|
||
letter-spacing: 0.08em;
|
||
color: #94a3b8;
|
||
margin-bottom: 2px;
|
||
display: block;
|
||
}
|
||
.card-inner {
|
||
border: 1px solid #f1f5f9;
|
||
border-radius: 4px;
|
||
padding: 10px;
|
||
}
|
||
.mono { font-family: 'JetBrains Mono', monospace; }
|
||
.conclusion-area {
|
||
background-color: #f0fdf4;
|
||
border-left: 2px solid #22c55e;
|
||
padding: 8px;
|
||
border-radius: 0 4px 4px 0;
|
||
}
|
||
</style>
|
||
</head>
|
||
<body class="py-6">
|
||
|
||
<div class="report-container">
|
||
|
||
<header class="p-5 border-b border-slate-100">
|
||
<div class="flex justify-between items-start mb-4">
|
||
<div>
|
||
<h1 class="text-base font-black text-slate-900 tracking-tight">CHAT INSIGHTS <span class="text-blue-600 font-medium">REPORT</span></h1>
|
||
<p class="text-[10px] text-slate-400 font-medium mono uppercase">ID: 20260423-L-OPEN</p>
|
||
</div>
|
||
<div class="px-2 py-1 bg-slate-100 rounded text-[9px] font-bold text-slate-500 uppercase">
|
||
Daily Archive
|
||
</div>
|
||
</div>
|
||
|
||
<div class="grid grid-cols-4 gap-2 text-center">
|
||
<div class="bg-slate-50 py-2 rounded">
|
||
<span class="label-tiny">Msgs</span>
|
||
<span class="text-xs font-bold text-slate-700">1,402</span>
|
||
</div>
|
||
<div class="bg-slate-50 py-2 rounded">
|
||
<span class="label-tiny">Links</span>
|
||
<span class="text-xs font-bold text-blue-600">12</span>
|
||
</div>
|
||
<div class="bg-slate-50 py-2 rounded">
|
||
<span class="label-tiny">Files</span>
|
||
<span class="text-xs font-bold text-purple-600">5</span>
|
||
</div>
|
||
<div class="bg-slate-50 py-2 rounded">
|
||
<span class="label-tiny">Alerts</span>
|
||
<span class="text-xs font-bold text-rose-500">3</span>
|
||
</div>
|
||
</div>
|
||
</header>
|
||
|
||
<div class="p-5 border-b border-slate-50">
|
||
<span class="label-tiny mb-3"># Personal Interest Radar</span>
|
||
<div class="flex flex-wrap gap-2">
|
||
<span class="text-[10px] px-2 py-0.5 bg-blue-50 text-blue-600 border border-blue-100 rounded font-bold italic">Gemma 4</span>
|
||
<span class="text-[10px] px-2 py-0.5 bg-indigo-50 text-indigo-600 border border-indigo-100 rounded font-bold italic">RTX 5090</span>
|
||
<span class="text-[10px] px-2 py-0.5 bg-slate-100 text-slate-500 rounded">Playwright</span>
|
||
<span class="text-[10px] px-2 py-0.5 bg-emerald-50 text-emerald-600 border border-emerald-100 rounded font-bold italic">Nasdaq 100</span>
|
||
<span class="text-[10px] px-2 py-0.5 bg-slate-100 text-slate-500 rounded">frp Tunnel</span>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="p-5 space-y-6">
|
||
<span class="label-tiny"># Key Discussions</span>
|
||
|
||
<div class="space-y-2">
|
||
<div class="flex items-center gap-2">
|
||
<span class="text-[11px] font-bold text-slate-900">01. LLM 本地部署显存压测</span>
|
||
<div class="h-[1px] flex-grow bg-slate-100"></div>
|
||
</div>
|
||
<div class="pl-2 space-y-2">
|
||
<div>
|
||
<span class="label-tiny text-slate-400">Background</span>
|
||
<p class="text-[11px] text-slate-600 leading-relaxed">群友在 Mac mini M1 (16G) 环境下运行 Gemma 4 26B，出现内存频繁交换导致系统卡顿。</p>
|
||
</div>
|
||
<div>
|
||
<span class="label-tiny text-slate-400">Key Points</span>
|
||
<ul class="text-[11px] text-slate-600 list-disc pl-3 space-y-0.5">
|
||
<li>4-bit 量化（GGUF/Q4_K_M）显存占用约 17.5GB。</li>
|
||
<li>需通过脚本强制清理物理内存 Swap 以缓解抖动。</li>
|
||
<li>Ollama 推理时建议关闭 Electron 全家桶。</li>
|
||
</ul>
|
||
</div>
|
||
<div class="conclusion-area">
|
||
<span class="label-tiny !text-emerald-600">Conclusion</span>
|
||
<p class="text-[11px] font-bold text-emerald-800 italic">“16G 内存是底线，追求速度建议 32G 或 24G 显存 GPU 运行。”</p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="space-y-2">
|
||
<div class="flex items-center gap-2">
|
||
<span class="text-[11px] font-bold text-slate-900">02. Dota 2 击杀识别 OCR 算法</span>
|
||
<div class="h-[1px] flex-grow bg-slate-100"></div>
|
||
</div>
|
||
<div class="pl-2 space-y-2 text-[11px]">
|
||
<span class="label-tiny text-slate-400">Analysis</span>
|
||
<p class="text-slate-600 leading-relaxed">弃用 Tesseract 改用 PaddleOCR。在处理 Douyu 直播间 1080P 高码率画面时，识别准确率从 72% 提升至 91%。</p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="p-5 bg-slate-50/50 border-y border-slate-100">
|
||
<span class="label-tiny mb-3"># Shared Resources</span>
|
||
<div class="space-y-1">
|
||
<div class="card-inner bg-white flex justify-between items-center py-1.5">
|
||
<div class="flex items-center gap-2 overflow-hidden">
|
||
<i class="fab fa-github text-slate-300 text-[12px]"></i>
|
||
<span class="text-[10px] font-medium text-slate-600 truncate">ollama-python/v2.1-stable</span>
|
||
</div>
|
||
<i class="fas fa-chevron-right text-[8px] text-slate-300"></i>
|
||
</div>
|
||
<div class="card-inner bg-white flex justify-between items-center py-1.5">
|
||
<div class="flex items-center gap-2 overflow-hidden">
|
||
<i class="far fa-file-pdf text-slate-300 text-[12px]"></i>
|
||
<span class="text-[10px] font-medium text-slate-600 truncate">RTX_5090_Whitepaper_Draft.pdf</span>
|
||
</div>
|
||
<i class="fas fa-chevron-right text-[8px] text-slate-300"></i>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="p-5 grid grid-cols-2 gap-4">
|
||
<div>
|
||
<span class="label-tiny mb-2"># Marketplace</span>
|
||
<div class="space-y-1 text-[10px]">
|
||
<div class="flex justify-between border-b border-slate-100 pb-1">
|
||
<span class="text-rose-500 font-bold">[出] 3060Ti</span>
|
||
<span class="mono font-bold text-slate-700">¥1650</span>
|
||
</div>
|
||
<div class="flex justify-between border-b border-slate-100 pb-1 pt-1">
|
||
<span class="text-blue-500 font-bold">[求] TI 饰品</span>
|
||
<span class="mono text-slate-400">面议</span>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div>
|
||
<span class="label-tiny mb-2"># Unresolved Pool</span>
|
||
<div class="space-y-1 text-[10px]">
|
||
<p class="text-slate-500 leading-tight border-l-2 border-amber-200 pl-2">"Ubuntu 24.04 驱动掉线如何修复？"</p>
|
||
<p class="text-slate-500 leading-tight border-l-2 border-amber-200 pl-2">"Nasdaq 100 ETF 最优定投点？"</p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="px-5 pb-5">
|
||
<div class="card-inner bg-slate-900 text-white border-none p-3 shadow-inner">
|
||
<span class="label-tiny text-slate-500 mb-1"># Core Knowledge Points</span>
|
||
<p class="text-[10px] leading-relaxed text-slate-300">
|
||
<span class="text-blue-400 font-bold">FRP 配置项优化：</span> 针对内网穿透超时，需将 <code class="mono text-[9px] bg-slate-800 px-1">tcp_mux</code> 设置为 <code class="mono text-[9px] bg-slate-800 px-1">true</code>，并检查服务端防火墙 MTU 限制。
|
||
</p>
|
||
</div>
|
||
</div>
|
||
|
||
<footer class="p-5 bg-slate-50 border-t border-slate-100 flex justify-between items-center">
|
||
<span class="label-tiny">Top Contributors</span>
|
||
<div class="flex -space-x-2">
|
||
<div class="w-6 h-6 rounded-full border-2 border-white bg-blue-100 flex items-center justify-center text-[9px] font-bold text-blue-600">L</div>
|
||
<div class="w-6 h-6 rounded-full border-2 border-white bg-indigo-100 flex items-center justify-center text-[9px] font-bold text-indigo-600">G</div>
|
||
<div class="w-6 h-6 rounded-full border-2 border-white bg-slate-200 flex items-center justify-center text-[9px] font-bold text-slate-500">T</div>
|
||
</div>
|
||
</footer>
|
||
|
||
</div>
|
||
|
||
<div class="text-center mt-4 text-[9px] text-slate-400">
|
||
Engine: Playwright 1.42 / Renderer: Webkit / User: Liuwei
|
||
</div>
|
||
|
||
</body>
|
||
</html> |