openclaw-tunneling

5 张图片 baoyu

Outline

--- strategy: a name: Story-Driven (故事驱动型) style: warm style_reason: "温暖色调强化个人分享感,从'我为什么不用云'的个人选择切入" elements: background: solid-pastel decorations: [clouds, stars-sparkles] emphasis: star-burst typography: highlight layout: balanced image_count: 5 --- ## P1 封面 **Type**: cover **Layout**: sparse **Hook**: 为什么我不在云服务器上跑 OpenClaw **Slug**: cover-why-not-cloud **Filename**: 01-cover-why-not-cloud.png **Text Content**: - Title: 「为什么我不在云服务器上跑龙虾」 - Subtitle: 算完这笔账你就懂了 - Tag: #OpenClaw #MacMini #内网穿透 **Visual Concept**: 温暖色调背景。一朵云(代表云服务器)和一台 Mac Mini 的简约插画,中间一个"≠"号。 --- ## P2 核心:算账 **Type**: content **Layout**: comparison **Core Message**: 云服务器 vs Mac Mini 成本对比 **Slug**: content-cost-compare **Filename**: 02-content-cost-compare.png **Text Content**: - Title: 「算一笔账」 - Left: 云服务器 → 数千~上万/年,需求越重越贵 - Right: Mac Mini M4 → ¥3000 一次性买断 - Bottom: 需求会变重,OpenClaw 会升级,云端加配置就得加钱 **Visual Concept**: 左右对比,左边暖灰(贵),右边暖绿(便宜)。个人分享感。 --- ## P3 核心:三步方案 **Type**: content **Layout**: flow **Core Message**: 没有公网 IP 也能用 **Slug**: content-three-steps **Filename**: 03-content-three-steps.png **Text Content**: - Title: 「三步搞定公网访问」 - Step 1: 租一台云服务器(¥69/年起) - Step 2: Tailscale/EasyTier 组网(加密隧道) - Step 3: Nginx 反代(域名访问家里的服务) - Flow: 手机 → 云服务器 → 隧道 → Mac Mini **Visual Concept**: 三步流程图,温暖色调。每步一个简约图标。 --- ## P4 核心:安全 **Type**: content **Layout**: balanced **Core Message**: 设备对设备连接,内网不暴露 **Slug**: content-security **Filename**: 04-content-security.png **Text Content**: - Title: 「安全保障」 - Point 1: 设备对设备连接,家里其他设备不可见 - Point 2: 暴露的是云服务器 IP,不是家庭 IP - Point 3: 还能叠加 HTTPS、访问密码、IP 白名单 **Visual Concept**: 盾牌/锁图标,温暖色调。 --- ## P5 结尾 **Type**: ending **Layout**: sparse **Core Message**: 有门槛但龙虾能帮你 **Slug**: ending-summary **Filename**: 05-ending-summary.png **Text Content**: - Title: 「重活全在本地跑」 - Summary: 一次性硬件钱 + ¥69/年跳板 - CTA: 有门槛?把这篇丢给你的龙虾,和它一起完成 - Tag: 收藏备用 | 你的龙虾跑在哪?评论区见 **Visual Concept**: Mac Mini 简约插画,温暖收束感。底部互动引导。
#1 cover why not cloud 01-cover-why-not-cloud.png
cover why not cloud
Create a Xiaohongshu (Little Red Book) style infographic following these guidelines: ## Image Specifications - **Type**: Infographic - **Orientation**: Portrait (vertical) - **Aspect Ratio**: 3:4 - **Style**: Hand-drawn illustration ## Core Principles - Hand-drawn quality throughout - NO realistic or photographic elements - Keep information concise, highlight keywords and core concepts - Use ample whitespace for easy visual scanning - Maintain clear visual hierarchy ## Text Style (CRITICAL) - **ALL text MUST be hand-drawn style** - Main titles should be prominent and eye-catching - Key text should be bold and enlarged - Use highlighter effects to emphasize keywords - **DO NOT use realistic or computer-generated fonts** ## Language - Use Chinese (简体中文) - Match punctuation style: "",。! --- ## Style: Warm **Color Palette**: - Primary: Warm orange (#ED8936), golden yellow (#F6AD55), terracotta (#C05621) - Background: Cream (#FFFAF0), soft peach (#FED7AA) - Accents: Deep brown (#744210), soft red (#E57373) **Visual Elements**: - Soft, comfortable shapes and warm lighting effects - Friendly, inviting decorations - Cozy hand-drawn doodles: clouds, sparkles **Typography**: - Friendly, rounded hand lettering - Warm color accents on keywords - Comfortable, approachable feel --- ## Layout: Sparse (Cover) **Information Density**: Low (1-2 key points) **Whitespace**: 50-70% of canvas **Structure**: - Single focal point composition - One clear message dominates - Maximum breathing room --- ## Content **Position**: Cover (Page 1 of 5) **Core Message**: 为什么我不在云服务器上跑 OpenClaw **Text Content**: - Title: 「为什么我不在云服务器上跑龙虾」 - Subtitle: 算完这笔账你就懂了 - Tags at bottom: #OpenClaw #MacMini #内网穿透 **Visual Concept**: Warm cream background. Center composition with two hand-drawn illustrations side by side: a cloud icon (representing cloud servers) with a subtle "✗" or crossed-out mark, and a cute Mac Mini illustration with a "✓" check mark. A cute cartoon lobster (龙虾) mascot sits on top of the Mac Mini, looking happy. Warm orange and golden yellow tones throughout. Sparkle decorations scattered around. The title text is large, bold, hand-drawn style at the top. Subtitle below in softer brown tone. --- Please generate the infographic based on the specifications above.
#2 content cost compare 02-content-cost-compare.png
content cost compare
Create a Xiaohongshu (Little Red Book) style infographic following these guidelines: ## Image Specifications - **Type**: Infographic - **Orientation**: Portrait (vertical) - **Aspect Ratio**: 3:4 - **Style**: Hand-drawn illustration ## Core Principles - Hand-drawn quality throughout - NO realistic or photographic elements - Keep information concise, highlight keywords and core concepts - Use ample whitespace for easy visual scanning - Maintain clear visual hierarchy ## Text Style (CRITICAL) - **ALL text MUST be hand-drawn style** - Main titles should be prominent and eye-catching - Key text should be bold and enlarged - Use highlighter effects to emphasize keywords - **DO NOT use realistic or computer-generated fonts** ## Language - Use Chinese (简体中文) - Match punctuation style: "",。! --- ## Style: Warm **Color Palette**: - Primary: Warm orange (#ED8936), golden yellow (#F6AD55), terracotta (#C05621) - Background: Cream (#FFFAF0), soft peach (#FED7AA) - Accents: Deep brown (#744210), soft red (#E57373) **Visual Elements**: - Soft, comfortable shapes and warm lighting effects - Friendly, inviting decorations - Cozy hand-drawn doodles: clouds, sparkles **Typography**: - Friendly, rounded hand lettering - Warm color accents on keywords - Comfortable, approachable feel --- ## Layout: Comparison **Information Density**: Medium-high **Whitespace**: 30-40% of canvas **Structure**: - Two-column side-by-side comparison - Clear visual distinction between left and right - Summary row at bottom --- ## Content **Position**: Content (Page 2 of 5) **Core Message**: 云服务器 vs Mac Mini 成本对比 **Text Content**: - Title: 「算一笔账」 - Left Column header: 云服务器 - 💰 按月付费,持续支出 - 📊 受限于套餐 - ❓ 需求变重 → 加配置加钱 - 📂 数据在别人的机器上 - Right Column header: Mac Mini M4 - 💰 ≈¥3000 一次性买断 - 📊 M 系芯片,高负载无压力 - ✅ 不限时长、不限流量 - 📂 数据在你自己的机器上 - Bottom conclusion: 持续支出 vs 一次性买断——需求越重差距越大 **Visual Concept**: Warm cream background. Two-column layout with a clear divider. Left column in warm gray/muted tones (representing the more expensive option), right column in warm golden/orange tones with a subtle highlight glow (representing the better option). Each point has a hand-drawn icon. The right column has a subtle "推荐" ribbon or star-burst decoration. Title at top in large hand-drawn lettering. Bottom has a hand-drawn conclusion line with emphasis. Cozy warm feel throughout. --- Please generate the infographic based on the specifications above.
#3 content three steps 03-content-three-steps.png
content three steps
Create a Xiaohongshu (Little Red Book) style infographic following these guidelines: ## Image Specifications - **Type**: Infographic - **Orientation**: Portrait (vertical) - **Aspect Ratio**: 3:4 - **Style**: Hand-drawn illustration ## Core Principles - Hand-drawn quality throughout - NO realistic or photographic elements - Keep information concise, highlight keywords and core concepts - Use ample whitespace for easy visual scanning - Maintain clear visual hierarchy ## Text Style (CRITICAL) - **ALL text MUST be hand-drawn style** - Main titles should be prominent and eye-catching - Key text should be bold and enlarged - Use highlighter effects to emphasize keywords - **DO NOT use realistic or computer-generated fonts** ## Language - Use Chinese (简体中文) - Match punctuation style: "",。! --- ## Style: Warm **Color Palette**: - Primary: Warm orange (#ED8936), golden yellow (#F6AD55), terracotta (#C05621) - Background: Cream (#FFFAF0), soft peach (#FED7AA) - Accents: Deep brown (#744210), soft red (#E57373) **Visual Elements**: - Soft, comfortable shapes and warm lighting effects - Friendly, inviting decorations - Cozy hand-drawn doodles: clouds, sparkles **Typography**: - Friendly, rounded hand lettering - Warm color accents on keywords - Comfortable, approachable feel --- ## Layout: Flow **Information Density**: Medium (3-6 steps) **Whitespace**: 30-40% of canvas **Structure**: - Vertical flow from top to bottom - Connected steps with arrows or lines - Each step clearly numbered and distinct --- ## Content **Position**: Content (Page 3 of 5) **Core Message**: 三步搞定公网访问 **Text Content**: - Title: 「三步接入公网」 - Premise note: 日常不需要公网(飞书/QQ 主动连平台) - Step 1: 租一台云服务器(¥69/年起,1核1G就够) - Step 2: Tailscale 或 EasyTier 组网(加密隧道,P2P 传输) - Tailscale: 开源,全平台客户端 - EasyTier: 开源,无需注册 - Step 3: Nginx 反代 → 域名访问家里的服务 - Bottom flow diagram: 手机 → 云服务器 → 🔒加密隧道 → Mac Mini → 🦞 **Visual Concept**: Warm cream background. Three large numbered steps flowing vertically down the page, connected by hand-drawn curved arrows. Each step is in a rounded rectangle with warm orange/golden accents. Step numbers (①②③) are large and prominent. The bottom has a horizontal flow diagram showing the connection chain with cute hand-drawn icons for each node (phone, cloud, lock/tunnel, Mac Mini, lobster). Sparkle decorations around key elements. Warm, approachable feel. --- Please generate the infographic based on the specifications above.
#4 content security 04-content-security.png
content security
Create a Xiaohongshu (Little Red Book) style infographic following these guidelines: ## Image Specifications - **Type**: Infographic - **Orientation**: Portrait (vertical) - **Aspect Ratio**: 3:4 - **Style**: Hand-drawn illustration ## Core Principles - Hand-drawn quality throughout - NO realistic or photographic elements - Keep information concise, highlight keywords and core concepts - Use ample whitespace for easy visual scanning - Maintain clear visual hierarchy ## Text Style (CRITICAL) - **ALL text MUST be hand-drawn style** - Main titles should be prominent and eye-catching - Key text should be bold and enlarged - Use highlighter effects to emphasize keywords - **DO NOT use realistic or computer-generated fonts** ## Language - Use Chinese (简体中文) - Match punctuation style: "",。! --- ## Style: Warm **Color Palette**: - Primary: Warm orange (#ED8936), golden yellow (#F6AD55), terracotta (#C05621) - Background: Cream (#FFFAF0), soft peach (#FED7AA) - Accents: Deep brown (#744210), soft red (#E57373) **Visual Elements**: - Soft, comfortable shapes and warm lighting effects - Friendly, inviting decorations - Cozy hand-drawn doodles: clouds, sparkles **Typography**: - Friendly, rounded hand lettering - Warm color accents on keywords - Comfortable, approachable feel --- ## Layout: Balanced **Information Density**: Medium (3-4 key points) **Whitespace**: 35-45% of canvas **Structure**: - Clear sections with visual separation - Moderate amount of text - Balanced visual and text elements --- ## Content **Position**: Content (Page 4 of 5) **Core Message**: 安全保障——设备对设备,内网不暴露 **Text Content**: - Title: 「安全保障」 - Q&A format: - Q1: 内网会不会暴露? - ✗ 不会!设备对设备连接 - 云服务器只看到 Mac Mini - NAS、摄像头、其他电脑都不可见 - Q2: 和端口映射比呢? - 端口映射 → 暴露家庭真实 IP ⚠️ - 这套方案 → 暴露的是¥69/年空壳节点 ✅ - 加分项: 还能叠加 HTTPS、访问密码、IP 白名单 **Visual Concept**: Warm cream background. Two Q&A sections stacked vertically, each in a rounded card with warm tones. Q1 card has a shield/lock icon and shows the device-to-device concept with a simple diagram (cloud server → Mac Mini only, with other devices like NAS and camera shown as grayed-out/invisible). Q2 card shows a comparison: port mapping (red warning) vs tunnel approach (green checkmark). Bottom section has a bonus tip with sparkle decoration. Hand-drawn style throughout, warm and reassuring feel. --- Please generate the infographic based on the specifications above.
#5 ending summary 05-ending-summary.png
ending summary
Create a Xiaohongshu (Little Red Book) style infographic following these guidelines: ## Image Specifications - **Type**: Infographic - **Orientation**: Portrait (vertical) - **Aspect Ratio**: 3:4 - **Style**: Hand-drawn illustration ## Core Principles - Hand-drawn quality throughout - NO realistic or photographic elements - Keep information concise, highlight keywords and core concepts - Use ample whitespace for easy visual scanning - Maintain clear visual hierarchy ## Text Style (CRITICAL) - **ALL text MUST be hand-drawn style** - Main titles should be prominent and eye-catching - Key text should be bold and enlarged - Use highlighter effects to emphasize keywords - **DO NOT use realistic or computer-generated fonts** ## Language - Use Chinese (简体中文) - Match punctuation style: "",。! --- ## Style: Warm **Color Palette**: - Primary: Warm orange (#ED8936), golden yellow (#F6AD55), terracotta (#C05621) - Background: Cream (#FFFAF0), soft peach (#FED7AA) - Accents: Deep brown (#744210), soft red (#E57373) **Visual Elements**: - Soft, comfortable shapes and warm lighting effects - Friendly, inviting decorations - Cozy hand-drawn doodles: clouds, sparkles **Typography**: - Friendly, rounded hand lettering - Warm color accents on keywords - Comfortable, approachable feel --- ## Layout: Sparse (Ending) **Information Density**: Low (1-2 key points) **Whitespace**: 50-70% of canvas **Structure**: - Single focal point - Memorable closing message - Clean, dignified ending --- ## Content **Position**: Ending (Page 5 of 5) **Core Message**: 重活全在本地跑 **Text Content**: - Title: 「重活全在本地跑」 - Summary points: - ✅ 一次性硬件钱,不是每月云账单 - ✅ 云服务器只是一扇门 - Bottom message: 有门槛?丢给龙虾,和它一起完成。这本来就是 AI Agent 该干的事。 **Visual Concept**: Warm cream background with a cozy, closing feel. A cute hand-drawn Mac Mini illustration at the center with a happy lobster (龙虾) mascot sitting next to it, looking content and confident. The two summary points are neatly arranged above in warm-toned checkmarks. The bottom message is rendered in a slightly smaller but confident hand-drawn font — no emojis, no hearts, no "评论区见", just a clean statement. Sparkles scattered lightly. The overall mood is confident and encouraging — a builder sharing what works. --- Please generate the infographic based on the specifications above.