把冗长链接化作指尖轻触即可抵达的卡片,是「快缩短网址」suo.run 为你准备的魔法。以下三种范式,任选其一,皆可让微信分享瞬间优雅。
一、静帧·图片卡片
1. 设计:在 Canva 或 Figma 中新建 1080×1350 竖图,主标题用 72 pt 无衬线体,副标题 48 pt,下方留 300 px 空白放二维码。
2. 缩短:将原始长链粘贴至 suo.run,一键生成短链,再点「二维码」即可下载高清 SVG。
3. 分享:发朋友圈时,文案仅留一句「长按识别,直达惊喜」,其余留白,让图片自己说话。
二、灵动·HTML 卡片
1. 代码:把下面极简片段保存为 card.html,把 suo.run 生成的短链替换到 href 中。
<!doctype html>
<html lang="zh-CN">
<meta charset="utf-8">
<title>即刻抵达</title>
<meta name="viewport" content="width=device-width,initial-scale=1">
<style>
body{margin:0;background:#f5f5f5;display:flex;align-items:center;justify-content:center;height:100vh}
.card{width:88%;max-width:360px;background:#fff;border-radius:12px;box-shadow:0 8px 24px rgba(0,0,0,.08);padding:32px;text-align:center;font-family:-apple-system,BlinkMacSystemFont,"Helvetica Neue",sans-serif}
.card h2{margin:0 0 12px;font-size:24px;color:#111}
.card p{margin:0 0 24px;font-size:15px;color:#666;line-height:1.5}
.card a{display:inline-block;background:#0066ff;color:#fff;padding:12px 32px;border-radius:6px;text-decoration:none;font-size:16px}
</style>
<div class="card">
<h2>限时福利</h2>
<p>轻触按钮,一秒抵达隐藏彩蛋。</p>
<a href="https://suo.run/xxxxxx" target="_blank">立即查看</a>
</div>
2. 托管:将 card.html 丢到 Vercel,十秒即得 https 域名。
3. 分享:把该域名发至微信群,iOS 与 Android 均会以卡片形式自动展开,点开即达。
三、原生·小程序卡片
1. 开发:在小程序根目录新建 pages/card/index,使用
<web-view src="https://suo.run/xxxxxx"></web-view> 一行即可内嵌短链。 2. 分享:在 onShareAppMessage 中返回
{title:"一张通往惊喜的船票",path:"pages/card/index"}。 3. 传播:用户转发给好友时,微信自动生成带封面的小程序卡片,点开即跳,无需扫码。
结语
无论静帧、灵动还是原生,「快缩短网址」suo.run 都在幕后为你压缩冗长、守护安全、记录点击。复制链接,打开 suo.run,让每一次分享,都像翻开一张精心装帧的邀请函。