WordPress + No-Code AI 建站栈
给不会写代码的小生意主 / blogger / freelancer 的十件资产:WordPress 当 CMS、Webstudio 当 Webflow 替代做可视化页面、WooCommerce 收钱、MCP adapter 让 AI agent 直接改站、加上 AI 写手、SEO 审计、Hero 出图、Activepieces / n8n 自动化、隐私优先分析 —— 按「域名 → 看板」的安装顺序串好。
这个 pack 里装了什么
这是 2026 年一个不会写代码的人真正需要的工具栈 —— 不是落地页、不是 Notion 站、不是 Linktree,而是一个能赚钱的真网站。十件资产,让小生意主、blogger、freelancer 把整条漏斗(域名 → CMS → AI 内容 → SEO → 收钱 → 自动化 → 分析)从头到尾跑通,全程不用碰 JavaScript,也不用请程序员。
pack 按五层组织:
- 站点层:WordPress(CMS)、Webstudio(可视化 no-code 页面构建器)、WooCommerce(店铺 + 结账模块)。
- AI 编辑层:WordPress MCP Adapter —— 把 WordPress 后台能力(发布、编辑、分类、媒体)暴露成 MCP 工具,让 Claude / Cursor / 任何 agent 直接改线上站,不用你登录 wp-admin。
- 内容层:Content Marketer agent(brief、outline、初稿)、Together AI 出图(hero、博客封面、产品图)。
- SEO 层:SEO Specialist agent —— 技术 SEO 审计(爬全站,挑出 canonical 错乱、重复标题、缺失 schema)。
- 自动化 + 分析层:Activepieces(no-code Zapier 替代,预制集成 + 一个不会代码的人能看懂的界面)、n8n(当 Activepieces 顶不住、需要完整条件分支时上)、Plausible(隐私优先分析,不需要 cookie 横幅)。
刻意的分工:每件事用合适的工具,而不是用一个什么都能干、什么都干不好的臃肿 builder。WordPress 装长内容和数据库。Webstudio 设计需要好看的营销页。WooCommerce 管结账。AI 写文案和出图。Activepieces / n8n 把这些粘到邮件列表、CRM、支付渠道、Slack。
安装顺序(站建好 → 内容 → SEO → 收费 → 自动化)
- WordPress —— 主干。先买域名,找一家 $5-15/月 的托管主机(Hostinger、Cloudways、Kinsta)一键装好 WordPress。这是你的 CMS、URL 结构、SEO 表面,也是内容的唯一来源。不要跳过这一步 —— 后面每一个 pick 都假设 WordPress 已经在跑。
- Webstudio —— 可视化页面构建器。开源的 Webflow 替代品。用拖拽画布设计首页、定价页、关于页、落地页,输出的是干净的 HTML/CSS —— 不是 Elementor 的插件堆叠、不是 shortcode 地狱。把营销页托管在 Webstudio,通过子域名或路径转发让 WordPress 指过去。
- WooCommerce —— 店铺。WordPress 插件形式启用,只要你卖东西(实物、数字下载、订阅、服务预约)就装上。这是这个 pack 里唯一一个「主力插件」—— 因为 WordPress 上的电商路径就是 WooCommerce,替代方案(Shopify)会把你彻底拖出 WordPress 生态。
- WordPress MCP Adapter —— AI 编辑桥。WordPress 端装一次;之后任何 MCP 客户端(Claude Desktop、Claude Code、Cursor、Gemini CLI)都能通过工具调用读文章、起新草稿、改分类、传媒体、更新 WooCommerce 商品。这件事把这个 pack 里其他 AI 工具从「AI 帮我想」升级成「AI 真的改了站」。
- Claude Code Agent: Content Marketer —— 写手。扔一个话题进去,吐出一份带 hook、outline、目标关键词、内链规划、各平台变体的 brief。和 MCP Adapter 一组合,你就能说「写一篇 1500 字关于 X 的博客,存成 WordPress 草稿」,文章会直接出现在 wp-admin 里等你审。
- Claude Code Agent: SEO Specialist —— 技术 SEO 审计 —— 审计专员。每月跑一次。爬全站、找抓取预算浪费、canonical 错乱、重复标题、缺失 alt 文本、缺失 schema,然后通过 MCP Adapter 把修复直接写回。大版本上线前再跑一次。
- Together AI Image Generation Skill for Claude Code —— 视觉层。生成 hero 图、博客封面、产品图、社交分享图。托管的 Flux/SD,按图付费、可预测。把品牌 hex 色号写死进 system prompt,输出才不会跑偏。
- Activepieces —— no-code 自动化骨架。开源 Zapier 替代品。用来粘那些无聊的事:WooCommerce 来新订单 → 给客户发邮件 + 加进 Mailchimp + 通知 Slack + 写一行进 Google Sheet。拖拽 UI,200+ 预制集成,一个不会代码的人能看懂。
- n8n —— 进阶自动化。一旦 Activepieces 显得不够灵活就上 n8n —— 多步条件流、自定义 HTTP 调用、根据 LLM 输出做路由的 AI 节点,可以和 WordPress 一台 VPS 自托管。两个共存:简单的事 Activepieces 干,有真分支逻辑的 n8n 干。
- Plausible Analytics —— 回看。轻量、无 cookie、GDPR 友好。WordPress 里塞一段 JS、不需要 cookie 横幅,dashboard 一个不懂技术的老板喝着咖啡就能读完。这个 pack 不选 GA4 —— GA4 的 cookie 同意闸口和复杂报表会废掉「no-code」承诺。
它们怎么串起来(ASCII 漏斗)
域名(你刚买的)
│
▼
┌── WordPress ──────────────────────┐
│ (CMS · 数据库 · 后台 · 永久链接) │
└────────────┬───────────────────────┘
│
┌───────┴─────────┐
▼ ▼
┌── Webstudio ──┐ ┌── WooCommerce ──┐
│(可视化首页、 │ │(商品、购物车、 │
│ 定价、落地页)│ │ 结账) │
└───────┬───────┘ └────────┬────────┘
│ │
└─────────┬─────────┘
▼
┌── WordPress MCP Adapter ──┐
│ (AI agent 直接改站) │
└──────────────┬─────────────┘
│
┌──────────┼──────────┐
▼ ▼ ▼
Content SEO Together AI
Marketer Specialist (hero / 产品
agent (审计) 图)
(初稿)
│
▼
┌── Activepieces ──┐ ┌── n8n ──┐
│(简单粘合:订单 │ │(条件分 │
│ → 邮件 + Sheet │ ⟵→│ 支、AI │
│ + Slack) │ │ 节点) │
└────────┬─────────┘ └─────┬───┘
│ │
└─────────┬─────────┘
▼
┌── Plausible ──┐
│(哪些东西有效)│
└────────────────┘
两个关键拼接点:WordPress + MCP Adapter(让 pack 里其他 AI 工具真正能改站,而不仅仅是「聊一聊」)、Activepieces / n8n + WooCommerce + Plausible(一笔新订单走成闭环 —— 邮件发了、列表更新了、看板看得到)。
你会遇到的取舍
- WordPress vs Webflow vs Framer vs Bubble。WordPress 开源、可自托管、占全网 40%、有 6 万插件生态、任何一家厂商倒了它都还在跑。代价:你要维护它(更新、备份、安全)。Webflow / Framer 是托管 SaaS —— UX 更精致、不用维护,但每张页面都活在厂商数据库里,月费要付一辈子。Bubble 是给做 app 类产品的,不是给内容站的。这个 pack 选 WordPress + Webstudio,让你既保留数据,又保留可视化设计自由。
- No-code 的天花板。Activepieces 和 n8n 能扛住 90% 的小生意自动化;剩下 10% —— 重实时数据、自定义 AI 流水线、紧耦合到某个内部系统 —— 最终还是要写代码。计划是:这 10% 找个 freelancer 一次性做掉,而不是硬把 no-code 工具拗成它不擅长的形状。
- WP 的安全和维护是真问题。WordPress 的插件生态也是它最大的攻击面。过期插件是 WordPress 站被攻破的第一大原因。预算上要包含:会自动更新核心 + 插件的托管主机、一个安全插件(Wordfence 或 Solid Security)、每周备份、每季度删一遍不再用的插件。
- Vendor lock-in 出在 no-code 这一层。Webstudio 开源 —— 可以导出 HTML/CSS 自己托管。Activepieces 和 n8n 开源 —— 流可移植。锁死风险出在 WooCommerce 付费扩展和 Together AI:付费扩展订阅会堆起来,Together 训出的图像 prompt 不能 1:1 迁到 Midjourney。缓解办法:把逻辑放在 WordPress + Activepieces 里(可迁移),把专有服务当成可替换的水管。
- 月费叠起来比你想的快。$15/月 WordPress 主机 + $20/月 Webstudio + $19/月 Activepieces 云 + $9/月 Plausible + $10-30/月 Together AI + $30/月 Claude 订阅 = 还没卖出一件东西就已经 $100-130/月。自托管(一台 $20/月 Hetzner VPS 同时跑 Activepieces + n8n + Plausible)能砍掉一半。要像盯一个 freelancer 时薪一样盯月费总额。
常见踩坑(插件冲突 / WP 没更新被黑 / AI 内容 thin / 月费叠加)
- 插件冲突搞死新站。两个 SEO 插件(Yoast + Rank Math)抢 meta、缓存插件破坏 Webstudio 嵌入、安全插件挡掉 MCP Adapter 的 REST 调用。铁律:一次只装一个插件,每装一个就完整测一遍站,同类型插件绝不并存。
- WordPress 没更新 → 站被黑。2026 年自动更新不是可选项。开启核心自动更新、可信插件的自动更新,每月跑一次安全扫描。最便宜的「被黑保险」就是一家替你管更新的托管主机。
- AI 内容被判为 thin、Google 降权。症状:一周发 20 篇 AI 草稿,两周流量飙升,然后断崖。原因:没有原创输入、没有编辑审、没有真正的观点。解法:每一篇 AI 初稿都过一次人工编辑,加上三样里的至少一样 —— 原创数据、真实观点、具体案例 —— 然后再发。Content Marketer agent 写初稿;人按发布键。
- Webstudio + WordPress 路由的意外。把首页放在 Webstudio、用子域名(
home.yourdomain.com)服务,能跑但会把 SEO 权重劈成两半。更好的做法:通过反代把 Webstudio 设计的页放在 WordPress 安装的子目录下;或者用 Webstudio 的 WordPress 发布集成(如果可用)。 - Activepieces 流无熔断会自循环。一个每订单都回写 WooCommerce 的流可能触发自己进入死循环。加幂等检查(已处理过的订单不再处理)和每个流的日级速率上限。
- 「no-code」的账单悄悄超过定制开发。四个 SaaS 订阅 + Together AI 图费 + WooCommerce 额外扩展叠起来能冲到 $300-500/月。到那个水平时,请一个 freelancer 用 Next.js + Supabase 给你做一个 $5k 一次性的站,按月算 12 个月就回本。每季度复盘整套栈;不赚钱的砍掉。
10 个资产打包就绪
常见问题
WordPress 还是 Webflow —— 不会代码的人到底该选哪个?
不同的活。WordPress 赢在内容驱动的生意、博客、100+ 页面的站、用 WooCommerce 做电商,以及任何想把数据握在自己手里、不怕厂商转型的人。Webflow 赢在设计驱动的营销站、小作品集,以及甘愿一直付月费换零维护的团队。这个 pack 选 WordPress + Webstudio(开源的 Webflow 替代),让你两头都拿到:WordPress 的内容 + 插件 + WooCommerce 生态,加一个能输出干净 HTML 的可视化构建器。如果你这辈子都不会需要 50+ 页面或电商,单用 Webflow 确实更简单 —— 但只要你需要 CMS、插件或结账,最后还是会重建到 WordPress 上。
AI 写的 WordPress 文章会害我 Google 排名吗?
单独不会。Google 在 2026 年的立场:重要的是内容质量,不是初稿由人还是模型敲出来的。带有清晰观点、原创框架、真实信息的 AI 辅助内容排名正常。会被降权的是:薄的程序化生成内容、几百页堆同一关键词的近似 AI 重复页面、没有任何编辑投入的文章。Content Marketer agent 干的是初稿,你的编辑判断才是护城河。每一份 AI 初稿都过一次人工通过,至少加上三样里的一样:原创数据、真实观点、具体案例。每月跑一次 SEO Specialist agent,让你比 Google 先发现问题。
n8n 自托管 vs Zapier 或 Activepieces 云 —— 1-3 人的小生意应该选哪个?
先从 Activepieces 云(或 Zapier 免费版)开始。1-3 人的生意里,你折腾一台 VPS 装自托管 n8n 的那点时间,比 $19/月 订阅费值钱得多。三件事发生时再迁到自托管 n8n:(1)Zapier / Activepieces 账单超过 $50/月而且还在涨,(2)需要 Activepieces 表达不清楚的分支逻辑,(3)正在处理客户数据、希望把它放在自己控制的基础设施上。一台 $20/月 的 Hetzner VPS 上的自托管 n8n 每天能跑几千次执行。从 Activepieces 流迁到 n8n 流,每个重要流大概一天搞定。
不是程序员的话,WordPress 站怎么真正做安全?
五条不可妥协的、按优先级排好:(1)用托管 WordPress 主机(Hostinger、Cloudways、Kinsta、WP Engine)帮你管核心 + 插件自动更新和每日备份 —— 单这一条就消除 80% 的风险。(2)强密码 + 两步验证,admin 账号无例外。(3)装一个安全插件(Wordfence 或 Solid Security),开启登录尝试限制 + 恶意软件扫描。(4)每季度审一遍插件:删掉不再用的、替换掉 12 个月没更新的。(5)每季度做一次备份恢复演练 —— 把备份还原到 staging 站,确认它真的能用。这个 pack 里的 WordPress MCP Adapter 走 REST + 鉴权,所以要锁好它使用的 application password,并且每 90 天轮换一次。
真的能完全 no-code 把一个网站上线吗?
95% 的小生意站,能 —— 这个 pack 就是证明。WordPress 装好 + Webstudio 页面 + WooCommerce 结账 + Activepieces 流 + Plausible 分析,从域名到真实收入,零 JavaScript。剩下 5% 还是要代码:一个紧定制的 WooCommerce 结账流程、和一个小众内部 CRM 的集成、一个精确还原品牌的自定义主题。这些活找一个 WordPress freelancer 一次性做掉(通常 $500-3000)—— 不要试图用 no-code 拗一个永远不太对的半成品和你斗一辈子。诚实的判断标准:如果你的需求是成千上万其他小生意也有的,no-code 赢;如果你的需求真的独一无二,代码赢。