tkmind/memind
1
0
Fork 0
Code Issues Pull Requests 2 Actions Packages Projects Releases Wiki Activity

feat(mindspace): 公开页分享组件、workspace 路径与 Plaza 发布增强

Browse Source 
- 新增 public share widget 与 workspace relative path 解析
- 增强 publications/chat-plaza 发布链路与缩略图 demo
- 补充 schema、cover 检查脚本与回归测试

Co-authored-by: Cursor <cursoragent@cursor.com>
This commit is contained in:
john
2026-07-05 23:14:41 +08:00
parent 69be1e5293
commit e2ad3bf62b
39 changed files with 2184 additions and 256 deletions
Download Patch File Download Diff File Expand all files Collapse all files
public/thumbnail-demo-samples/vietnam-guide-bad.html
+36
View File
@@ -0,0 +1,36 @@
<!doctype html>
<html lang="zh-CN">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>越南旅游指南</title>
<style>
:root { --accent: #2f6f57; --bg: #f4f0e7; }
body { margin: 0; font-family: Georgia, serif; background: var(--bg); color: #18211d; line-height: 1.7; }
main { max-width: 720px; margin: 0 auto; padding: 48px 24px 72px; }
h1 { font-size: 2.2rem; margin-bottom: 0.5rem; color: var(--accent); }
.lead { color: #5f6963; margin-bottom: 2rem; }
section { margin-bottom: 2rem; }
h2 { font-size: 1.25rem; margin-bottom: 0.75rem; }
</style>
</head>
<body>
<main>
<h1>越南旅游指南</h1>
<p class="lead">河内古城、下龙湾、会安古镇 — 东南亚最值得深度探索的目的地之一。</p>
<section>
<h2>河内</h2>
<p>三十六行街、还剑湖、火车街咖啡，适合 2–3 天慢游。</p>
</section>
<section>
<h2>下龙湾</h2>
<p>世界自然遗产，建议预订一夜 cruise，清晨看雾锁峰林。</p>
</section>
<section>
<h2>会安</h2>
<p>灯笼古城与 tailoring 文化，傍晚沿河散步最为出片。</p>
</section>
<p data-mindspace-page-tag="platform-brand">TKMind · 智趣</p>
</main>
</body>
</html>
public/thumbnail-demo-samples/vietnam-guide-good.html
+47
View File
@@ -0,0 +1,47 @@
<!doctype html>
<html lang="zh-CN">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<meta name="description" content="河内、下龙湾与会安 — 越南深度游完整攻略">
<meta name="mindspace-cover" content='{"tag":"旅行","emoji":"✈️","accent":"#ff6b35","accent2":"#24243e","subtitle":"河内·下龙湾·会安古镇","cover":"https://images.unsplash.com/photo-1559592413-7cec4d0cae2b?auto=format&fit=crop&w=1200&q=80"}'>
<title>越南旅游指南</title>
<style>
:root { --accent: #ff6b35; --accent2: #24243e; --bg: #fff8f2; }
body { margin: 0; font-family: Georgia, serif; background: linear-gradient(160deg, var(--bg), #ffe8d6); color: #18211d; line-height: 1.7; }
.hero { position: relative; height: 280px; overflow: hidden; }
.hero img { width: 100%; height: 100%; object-fit: cover; display: block; }
.hero::after { content: ''; position: absolute; inset: 0; background: linear-gradient(to top, rgba(36,36,62,0.55), transparent 60%); }
main { max-width: 720px; margin: -48px auto 0; padding: 0 24px 72px; position: relative; z-index: 1; }
.card { background: #fff; border-radius: 16px; padding: 32px; box-shadow: 0 12px 40px rgba(24,33,29,0.1); }
h1 { font-size: 2.2rem; margin: 0 0 0.5rem; color: var(--accent2); }
.lead { color: #5f6963; margin-bottom: 2rem; }
section { margin-bottom: 1.5rem; }
h2 { font-size: 1.15rem; margin-bottom: 0.5rem; color: var(--accent); }
</style>
</head>
<body>
<div class="hero">
<img src="https://images.unsplash.com/photo-1559592413-7cec4d0cae2b?auto=format&fit=crop&w=1200&q=80" alt="下龙湾" />
</div>
<main>
<div class="card">
<h1>越南旅游指南</h1>
<p class="lead">河内古城、下龙湾、会安古镇 — 东南亚最值得深度探索的目的地之一。</p>
<section>
<h2>河内</h2>
<p>三十六行街、还剑湖、火车街咖啡，适合 2–3 天慢游。</p>
</section>
<section>
<h2>下龙湾</h2>
<p>世界自然遗产，建议预订一夜 cruise，清晨看雾锁峰林。</p>
</section>
<section>
<h2>会安</h2>
<p>灯笼古城与 tailoring 文化，傍晚沿河散步最为出片。</p>
</section>
<p data-mindspace-page-tag="platform-brand">TKMind · 智趣</p>
</div>
</main>
</body>
</html>
public/thumbnail-demo/index.html
+41 -35
View File
@@ -3,65 +3,71 @@
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>MindSpace 预览图 Demo</title>
<title>MindSpace 缩略图 · 方案 A 对比</title>
<style>
:root { color-scheme: light; font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif; background: #f4f0e7; color: #18211d; }
body { margin: 0; padding: 24px; }
body { margin: 0; padding: 24px; max-width: 960px; }
h1 { margin: 0 0 8px; font-size: 28px; }
.lead { margin: 0 0 24px; color: #5f6963; line-height: 1.6; }
.compare { display: grid; gap: 28px; }
.sample { padding: 20px; border-radius: 20px; background: #fff; box-shadow: 0 10px 30px rgba(24,33,29,0.08); }
.sample h2 { margin: 0 0 16px; font-size: 20px; }
.pair { display: grid; grid-template-columns: repeat(auto-fit, minmax(220px, 1fr)); gap: 18px; }
.sample h2 { margin: 0 0 8px; font-size: 20px; }
.hint { margin: 0 0 16px; font-size: 13px; color: #6d7771; }
.pair { display: grid; grid-template-columns: 1fr 1fr; gap: 18px; }
.thumb { display: grid; gap: 8px; }
.thumb img { width: 100%; border-radius: 12px; box-shadow: 0 8px 24px rgba(24,33,29,0.12); }
.thumb span { font-size: 13px; color: #6d7771; }
.feed-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; max-width: 520px; }
.feed-card { border: none; border-radius: 12px; overflow: hidden; background: #fff; box-shadow: 0 2px 10px rgba(24,33,29,0.07); }
.thumb img { width: 100%; max-width: 270px; border-radius: 12px; box-shadow: 0 8px 24px rgba(24,33,29,0.12); }
.thumb span { font-size: 12px; line-height: 1.5; }
.thumb span.bad { color: #b45309; }
.thumb span.good { color: #2f6f57; }
.feed-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; max-width: 520px; margin-top: 18px; }
.feed-card { border-radius: 12px; overflow: hidden; background: #fff; box-shadow: 0 2px 10px rgba(24,33,29,0.07); }
.feed-cover { aspect-ratio: 3 / 4; background: #ece7df; }
.feed-cover img { width: 100%; height: 100%; object-fit: cover; display: block; }
.feed-body { padding: 10px 12px 12px; }
.feed-body h3 { margin: 0; font-size: 14px; line-height: 1.45; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
.feed-body p { margin: 6px 0 0; font-size: 12px; color: #939c97; }
code { background: #f0ebe3; padding: 2px 6px; border-radius: 4px; font-size: 12px; }
</style>
</head>
<body>
<h1>MindSpace 预览图升级 Demo</h1>
<p class="lead">左侧为旧版横版缩略图，中间为新版 3:4 信息流封面（自动从 HTML 提取标题、配色、emoji），右侧为保存页面时实际写入的 thumbnail.svg。下方是小红书风格卡片效果。</p>
<h1>方案 A：mindspace-cover 对比 Demo</h1>
<p class="lead">
页面生成时在 <code>&lt;head&gt;</code> 写入 <code>mindspace-cover</code> 元数据并引用 hero 主图，
缩略图会从「纯色渐变」升级为「照片封面 + 标题」。
交付前可跑 <code>npm run check:mindspace-cover</code> 自检。
</p>
<div class="compare">
<section class="sample">
<h2>样本 1</h2>
<h2>越南旅游指南</h2>
<p class="hint">左侧：未写 mindspace-cover（退化为纯色渐变） · 右侧：方案 A（完整元数据 + hero 主图）</p>
<div class="pair">
<div class="thumb"><img src="./malaysia-travel-legacy.svg" alt="旧版" /><span>旧版（横版字卡）</span></div>
<div class="thumb"><img src="./malaysia-travel-feed.svg" alt="新版" /><span>新版（3:4 精美封面）</span></div>
<div class="thumb"><img src="./malaysia-travel-generated.svg" alt="生成结果" /><span>generateHtmlThumbnail 输出</span></div>
<div class="thumb">
<img src="./vietnam-guide-bad-feed.svg" alt="缺 cover" />
<span class="bad">❌ 缺 mindspace-cover · 无图 · tag=旅行</span>
</div>
<div class="thumb">
<img src="./vietnam-guide-good-feed.svg" alt="方案 A" />
<span class="good">✅ 方案 A · 照片封面 · tag=旅行</span>
</div>
</div>
<div class="feed-grid" style="margin-top:18px">
<div class="feed-grid">
<article class="feed-card">
<div class="feed-cover"><img src="./malaysia-travel-feed.svg" alt="马来西亚旅游攻略 预览图" /></div>
<div class="feed-cover"><img src="./vietnam-guide-bad-feed.svg" alt="越南旅游指南 预览图" /></div>
<div class="feed-body">
<h3>马来西亚旅游攻略</h3>
<p>旅行攻略 · 新版 3:4 封面</p>
<h3>越南旅游指南</h3>
<p>缺 cover · 信息流效果</p>
</div>
</article></div>
</section>
<section class="sample">
<h2>样本 2</h2>
<div class="pair">
<div class="thumb"><img src="./mapo-tofu-legacy.svg" alt="旧版" /><span>旧版（横版字卡）</span></div>
<div class="thumb"><img src="./mapo-tofu-feed.svg" alt="新版" /><span>新版（3:4 精美封面）</span></div>
<div class="thumb"><img src="./mapo-tofu-generated.svg" alt="生成结果" /><span>generateHtmlThumbnail 输出</span></div>
</div>
<div class="feed-grid" style="margin-top:18px">
</article>
<article class="feed-card">
<div class="feed-cover"><img src="./mapo-tofu-feed.svg" alt="麻婆豆腐 预览图" /></div>
<div class="feed-cover"><img src="./vietnam-guide-good-feed.svg" alt="越南旅游指南 预览图" /></div>
<div class="feed-body">
<h3>麻婆豆腐</h3>
<p>美食专题 · 新版 3:4 封面</p>
<h3>越南旅游指南</h3>
<p>方案 A · 信息流效果</p>
</div>
</article></div>
</section>
</div>
</article>
</div>
</section></div>
</body>
</html>
public/thumbnail-demo/vietnam-guide-bad-feed.svg
+65
View File
@@ -0,0 +1,65 @@
<?xml version="1.0" encoding="UTF-8"?>
<svg xmlns="http://www.w3.org/2000/svg" width="540" height="720" viewBox="0 0 540 720">
<defs>
<linearGradient id="theme" x1="18%" y1="0%" x2="82%" y2="100%">
<stop offset="0%" stop-color="#4e8e76"/>
<stop offset="48%" stop-color="#2f6f57"/>
<stop offset="100%" stop-color="#f4f0e7"/>
</linearGradient>
<radialGradient id="themeGlow" cx="72%" cy="16%" r="42%">
<stop offset="0%" stop-color="#9adac2" stop-opacity="0.55"/>
<stop offset="100%" stop-color="#f4f0e7" stop-opacity="0"/>
</radialGradient>
<linearGradient id="themeShade" x1="50%" y1="55%" x2="50%" y2="100%">
<stop offset="0%" stop-color="#000000" stop-opacity="0"/>
<stop offset="100%" stop-color="#000000" stop-opacity="0.72"/>
</linearGradient>
<linearGradient id="sky" x1="50%" y1="0%" x2="50%" y2="100%">
<stop offset="0%" stop-color="#4f8fb8"/>
<stop offset="42%" stop-color="#f6d7a8" stop-opacity="0.88"/>
<stop offset="68%" stop-color="#e39a4d"/>
<stop offset="100%" stop-color="#24343a"/>
</linearGradient>
<linearGradient id="overlay" x1="50%" y1="0%" x2="50%" y2="100%">
<stop offset="0%" stop-color="#000000" stop-opacity="0"/>
<stop offset="52%" stop-color="#000000" stop-opacity="0.08"/>
<stop offset="100%" stop-color="#0d1518" stop-opacity="0.82"/>
</linearGradient>
<radialGradient id="sun" cx="78%" cy="18%" r="34%">
<stop offset="0%" stop-color="#ffe9c7" stop-opacity="0.95"/>
<stop offset="55%" stop-color="#e39a4d" stop-opacity="0.24"/>
<stop offset="100%" stop-color="#e39a4d" stop-opacity="0"/>
</radialGradient>
<radialGradient id="vignette" cx="50%" cy="48%" r="72%">
<stop offset="55%" stop-color="#000000" stop-opacity="0"/>
<stop offset="100%" stop-color="#000000" stop-opacity="0.42"/>
</radialGradient>
<filter id="blurSoft" x="-30%" y="-30%" width="160%" height="160%">
<feGaussianBlur stdDeviation="24"/>
</filter>
<filter id="blurTight" x="-40%" y="-40%" width="180%" height="180%">
<feGaussianBlur stdDeviation="10"/>
</filter>
<filter id="grain" x="0%" y="0%" width="100%" height="100%">
<feTurbulence type="fractalNoise" baseFrequency="0.85" numOctaves="3" stitchTiles="stitch"/>
<feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.14 0"/>
</filter>
</defs>
<rect width="540" height="720" fill="url(#sky)"/>
<rect width="540" height="720" fill="url(#sun)"/>
<circle cx="118" cy="168" r="58" fill="#fff8ef" opacity="0.16" filter="url(#blurSoft)"/>
<circle cx="430" cy="248" r="42" fill="#fff8ef" opacity="0.2" filter="url(#blurTight)"/>
<circle cx="360" cy="118" r="26" fill="#ffe9c7" opacity="0.34" filter="url(#blurTight)"/>
<circle cx="72" cy="320" r="18" fill="#fff8ef" opacity="0.28" filter="url(#blurTight)"/>
<path d="M0 470 L90 404 L180 438 L286 372 L392 418 L500 360 L540 388 L540 720 L0 720 Z" fill="#24343a" opacity="0.92"/>
<path d="M0 520 L120 468 L250 502 L360 456 L470 492 L540 460 L540 720 L0 720 Z" fill="#0d1518" opacity="0.55"/>
<rect width="540" height="720" fill="url(#overlay)"/>
<rect width="540" height="720" fill="url(#vignette)" opacity="0.42"/>
<rect width="540" height="720" filter="url(#grain)" opacity="0.28"/>
<text x="34" y="42" fill="rgba(255,255,255,0.72)" font-family="ui-sans-serif, system-ui, sans-serif" font-size="11" font-weight="700" letter-spacing="3.2">旅行</text>
<text x="34" y="636" fill="#ffffff" font-family="Georgia, 'Times New Roman', serif" font-size="38" font-weight="600" letter-spacing="-0.4">越南旅游指南</text>
<text x="34" y="672" fill="rgba(255,255,255,0.72)" font-family="ui-sans-serif, system-ui, sans-serif" font-size="14" letter-spacing="0.2">河内古城、下龙湾、会安古镇 — 东南亚最值得深度探索的目的地之一。</text>
<text x="506" y="698" text-anchor="end" fill="rgba(255,255,255,0.34)" font-family="ui-sans-serif, system-ui, sans-serif" font-size="10" letter-spacing="2.8">TKMIND</text>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 4.0 KiB

public/thumbnail-demo/vietnam-guide-bad-generated.svg
+65
View File
@@ -0,0 +1,65 @@
<?xml version="1.0" encoding="UTF-8"?>
<svg xmlns="http://www.w3.org/2000/svg" width="540" height="720" viewBox="0 0 540 720">
<defs>
<linearGradient id="theme" x1="18%" y1="0%" x2="82%" y2="100%">
<stop offset="0%" stop-color="#4e8e76"/>
<stop offset="48%" stop-color="#2f6f57"/>
<stop offset="100%" stop-color="#f4f0e7"/>
</linearGradient>
<radialGradient id="themeGlow" cx="72%" cy="16%" r="42%">
<stop offset="0%" stop-color="#9adac2" stop-opacity="0.55"/>
<stop offset="100%" stop-color="#f4f0e7" stop-opacity="0"/>
</radialGradient>
<linearGradient id="themeShade" x1="50%" y1="55%" x2="50%" y2="100%">
<stop offset="0%" stop-color="#000000" stop-opacity="0"/>
<stop offset="100%" stop-color="#000000" stop-opacity="0.72"/>
</linearGradient>
<linearGradient id="sky" x1="50%" y1="0%" x2="50%" y2="100%">
<stop offset="0%" stop-color="#4f8fb8"/>
<stop offset="42%" stop-color="#f6d7a8" stop-opacity="0.88"/>
<stop offset="68%" stop-color="#e39a4d"/>
<stop offset="100%" stop-color="#24343a"/>
</linearGradient>
<linearGradient id="overlay" x1="50%" y1="0%" x2="50%" y2="100%">
<stop offset="0%" stop-color="#000000" stop-opacity="0"/>
<stop offset="52%" stop-color="#000000" stop-opacity="0.08"/>
<stop offset="100%" stop-color="#0d1518" stop-opacity="0.82"/>
</linearGradient>
<radialGradient id="sun" cx="78%" cy="18%" r="34%">
<stop offset="0%" stop-color="#ffe9c7" stop-opacity="0.95"/>
<stop offset="55%" stop-color="#e39a4d" stop-opacity="0.24"/>
<stop offset="100%" stop-color="#e39a4d" stop-opacity="0"/>
</radialGradient>
<radialGradient id="vignette" cx="50%" cy="48%" r="72%">
<stop offset="55%" stop-color="#000000" stop-opacity="0"/>
<stop offset="100%" stop-color="#000000" stop-opacity="0.42"/>
</radialGradient>
<filter id="blurSoft" x="-30%" y="-30%" width="160%" height="160%">
<feGaussianBlur stdDeviation="24"/>
</filter>
<filter id="blurTight" x="-40%" y="-40%" width="180%" height="180%">
<feGaussianBlur stdDeviation="10"/>
</filter>
<filter id="grain" x="0%" y="0%" width="100%" height="100%">
<feTurbulence type="fractalNoise" baseFrequency="0.85" numOctaves="3" stitchTiles="stitch"/>
<feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.14 0"/>
</filter>
</defs>
<rect width="540" height="720" fill="url(#sky)"/>
<rect width="540" height="720" fill="url(#sun)"/>
<circle cx="118" cy="168" r="58" fill="#fff8ef" opacity="0.16" filter="url(#blurSoft)"/>
<circle cx="430" cy="248" r="42" fill="#fff8ef" opacity="0.2" filter="url(#blurTight)"/>
<circle cx="360" cy="118" r="26" fill="#ffe9c7" opacity="0.34" filter="url(#blurTight)"/>
<circle cx="72" cy="320" r="18" fill="#fff8ef" opacity="0.28" filter="url(#blurTight)"/>
<path d="M0 470 L90 404 L180 438 L286 372 L392 418 L500 360 L540 388 L540 720 L0 720 Z" fill="#24343a" opacity="0.92"/>
<path d="M0 520 L120 468 L250 502 L360 456 L470 492 L540 460 L540 720 L0 720 Z" fill="#0d1518" opacity="0.55"/>
<rect width="540" height="720" fill="url(#overlay)"/>
<rect width="540" height="720" fill="url(#vignette)" opacity="0.42"/>
<rect width="540" height="720" filter="url(#grain)" opacity="0.28"/>
<text x="34" y="42" fill="rgba(255,255,255,0.72)" font-family="ui-sans-serif, system-ui, sans-serif" font-size="11" font-weight="700" letter-spacing="3.2">旅行</text>
<text x="34" y="636" fill="#ffffff" font-family="Georgia, 'Times New Roman', serif" font-size="38" font-weight="600" letter-spacing="-0.4">越南旅游指南</text>
<text x="34" y="672" fill="rgba(255,255,255,0.72)" font-family="ui-sans-serif, system-ui, sans-serif" font-size="14" letter-spacing="0.2">河内古城、下龙湾、会安古镇 — 东南亚最值得深度探索的目的地之一。</text>
<text x="506" y="698" text-anchor="end" fill="rgba(255,255,255,0.34)" font-family="ui-sans-serif, system-ui, sans-serif" font-size="10" letter-spacing="2.8">TKMIND</text>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 4.0 KiB

public/thumbnail-demo/vietnam-guide-good-feed.svg
+58
View File
File diff suppressed because one or more lines are too long
Side by Side

After

Width:  |  Height:  |  Size: 254 KiB

public/thumbnail-demo/vietnam-guide-good-generated.svg
+58
View File
File diff suppressed because one or more lines are too long
Side by Side

After

Width:  |  Height:  |  Size: 254 KiB