产品经理如何用AI工具WorkBuddy从零搭建个人博客？本文完整记录了从产品定位、视觉设计、功能取舍到技术选型、部署备案的全流程，并分享了在AI辅助开发中保持MVP思维、克制功能欲望的实战心得，为想独立建站的PM提供了一份可复用的避坑指南。

折腾了近一个月，终于搭建好了我的第一个个人博客。

下面是笔者用 WorkBuddy 搭建个人博客的经验之谈。

一、为什么搭建个人博客

早在几年前，我就萌生了搭建个人博客的想法，但受限于搭建技术的实操能力，迟迟未能落实。

特别是对于产品经理来说，自己搭建个人博客，就像是打造一款属于自己的产品，从需求分析、产品定位，到页面设计、功能开发，再到最终的上线部署，整个过程其实就是一次完整的产品实践（小型）。

同时，我也希望有一个自己的独立空间，一方面是可以分享和展示自己的经验或思考，另一方面是可以归纳沉淀一些知识或者工具。

二、如何搭建个人博客

（一）产品定位

我给自己博客的定位主要还是知识和思考分享，并且已有自己独立的个人公众号，所以第一步是先让 WorkBuddy 完成公众号诊断、博客定位、信息架构和栏目规划，并在此基础上输出一份完整的设计方案。

（二）视觉设计

确认好基本规划后，接下来是敲定视觉设计。

WorkBuddy 输出了多套可交互的高保真原型，但体验后总觉得差点意思。所以我另外从网上找了设计参考喂给它，让它重新设计（需兼容移动端查看）。

在多轮切磋下，最终输出一份完整的设计定稿规范，该规范包含了设计原则、色彩选择、字体排版、间距栅格、布局、组件库、内容规范以及响应式设计。

（三）功能结构

在功能结构设计上，我并没有完全采纳 WorkBuddy 最初推荐的方案。

个人认为，初版方案的功能相对冗余和复杂，不太符合 MVP（最小可行产品）的设计思路。

对于个人博客而言，我的核心需求其实很简单：让读者能够方便地找到文章、阅读文章，同时让我能够持续、低成本地更新内容。

因此，在功能设计上，最终保留了以下四类功能：

1. 基础展示：个人介绍、首页文章列表、文章详情页、关于页等，满足博客最基本的内容展示需求。

2. 内容检索：文章分类筛选、站内搜索，方便读者快速找到感兴趣的内容。

3. 用户体验：深色模式、字号调节、文章目录、移动端适配、网站 logo 等，提升不同场景下的阅读体验。

4. 基础能力：SEO 优化、404 页面、社交联系方式等，保证网站的基本可用性和内容可发现性。

在和 WorkBuddy 切磋的过程中，我明确舍弃了一些非必要功能，包括阅读进度条、手写签名、评论系统、RSS 订阅、阅读时长、访问统计等。

因为对我来说，虽然 AI 可以让功能实现变得更容易，但并不意味着所有能实现的功能都应该实现。

在 AI 辅助开发的场景下，我们需要保持克制，先让产品可用，再让产品好用，最后才是让产品更加丰富。

（四）技术选型

首先是网站的部署，我选择的是腾讯的 EdgeOne Makers，理由如下：

1. 提供免费套餐，能够满足博客的基本部署需求。

2. 部署简单，可以通过 WorkBuddy 代为操作。

3. 支持绑定自定义域名和 HTTPS。

其次是平台的实现方式，也就是代码实现。WorkBuddy 给出了三种实现方案：

1. 纯 HTML 直传：直接生成 HTML、CSS 等静态文件，上传后即可部署。优点是简单直接，但后续新增文章、维护内容相对麻烦。

2. Astro + Markdown：使用 Astro 构建网站，通过 Markdown 文件管理文章内容。既能实现较好的页面展示效果，也方便后续持续更新。

3. 现成博客模板：基于已有的博客模板进行修改，能够快速搭建网站，但在页面设计和功能定制方面会受到一定限制。

考虑到我的博客主要用于分享产品经验、学习心得等内容，后续也会持续更新文章，因此最终选择了第二种方案：Astro + Markdown。

简单理解，Astro 负责将网站的页面结构和样式呈现出来，而 Markdown 则负责存储和管理文章内容。两者结合，既能保证博客的阅读体验，也方便后续维护。

对我来说，最大的好处就是：不需要每发布一篇文章，就重新设计和开发一个网页。只需要把公众号文章链接提供给 WorkBuddy，它就可以借助编写的转换脚本，将文章内容整理成 .md 文件，再通过 Astro 将 Markdown 内容生成完整、美观的文章网页。

（五）正式开发

在正式进入开发之前，需要先让 WorkBuddy 指引我需要准备哪些内容／素材，包含如下：

1. 头像 + 一句话介绍；

2. 公众号二维码，512 × 512 PNG；

3. 公众号名和简介，用于导流卡；

4. 历史公众号文章 1～3 篇，用于跑通自动搬运。

提供上述素材之后，WorkBuddy 便开始正式搭建网站。

搭建完成后，WorkBuddy 通过前面提到的 EdgeOne Pages 部署平台，生成了一个临时访问地址，供笔者在线预览和体验。

至此，个人博客的第一个版本算是正式成形了。

之后就是反复预览、反馈、调整和优化的过程。

在这过程中，都是通过自然语言向 WorkBuddy 提出修改需求，由其调整代码并重新部署，再通过预览地址验证修改效果。

整个过程与日常工作中的产品验收颇为相似，只不过沟通对象从研发工程师变成了 AI。经过几轮反复打磨，博客的整体布局、视觉风格和阅读体验才逐渐接近我最初设想的样子，同时也支持了文章的自动迁移。

（六）购买域名

最开始，我以为通过 EdgeOne Pages 平台部署后，就可以直接使用平台提供的免费域名访问网站，无需额外购买域名。

实际上，EdgeOne Pages 确实会为部署成功的网站提供一个默认访问地址，可以用于预览和测试。

但是这个地址是临时的访问链接，3 小时就会过期，不能作为长期对外分享的地址。所以，我还需要购买一个域名绑定。

因为采用的是腾讯的云技术平台，所以域名也是通过同生态的腾讯云 DNSPod 购买，最后优惠购买的 .cn 后缀域名（两年 38 元）。

购买域名后，按照 WorkBuddy 提供的指引，继续完成实名认证，并且等待腾讯云帮我上报工信部。

（七）ICP 备案

因为我们的网站是在中国大陆访问，所以在绑定域名之前，还需要完成 ICP 备案。ICP 备案必须要有一个挂在腾讯云国内的云资源（服务器），用来生成备案服务码，所以还需要购买一台服务器，选个便宜的轻量服务器即可。

这中间踩了一个坑，就是备案用的服务器剩余有效期必须 ≥ 3 个月，也就是不能只买一个月的服务器，所以我一开始提交的时候失败了。

最后购买了一台腾讯云轻量应用服务器，配置为 2 核 2G、3M 带宽，活动价格为 68 元／年，并按照要求提交了备案申请。

（注：这台服务器可以用于开发一些小工具或者给博客加一些简单的后端功能）

接下来就是等待腾讯云的电话初审（1～2 个工作日），初审通过后继续等待工信部的短信核验（收到短信后 24 小时内完成核验），等待管局审核（1～20 个工作日），审核通过后下发备案号。

提供备案号给 WorkBuddy，让它帮忙在网站底部展示备案号并链接工信部官网（必须）。同时让它指引我如何在 EdgeOne 中绑定域名、DNS 加解析记录以及配置 SSL 证书，最后验证网站能否正常打开。

至此，博客就有了正式的独立访问地址，不过事情还未完全结束。

（八）公安联网备案

按照相关要求，还需要提交公安联网备案申请（包含主体申请和网站申请），等待属地的网安大队审核。

审核通过后，会下发网站的公安备案号。提供备案号给 WorkBuddy，让它帮忙在网站底部展示备案号。

到这里，个人博客从网站开发、部署，到域名购买、ICP 备案和公安备案，才算真正完成了整个上线流程。

（九）非购买域名做法

如果是对域名没有特别要求的朋友，只是想搭建一个个人博客，用来展示作品、分享文章，或者单纯体验一下 AI 建站的过程，其实还有一种更加简单的方式，就是使用 WorkBuddy 的「应用生成能力」。

与前面介绍的通过 EdgeOne 部署网站、购买域名并完成备案的方式不同，这种方案更适合希望快速体验、对技术配置不太熟悉的朋友。

简单来说，就是直接向 WorkBuddy 描述自己想要的网站，包括页面布局、视觉风格、功能需求等，再由 AI 协助生成应用。例如，可以直接告诉 WorkBuddy：

「帮我搭建一个极简风格的个人博客，包含首页、文章列表、文章详情页和个人介绍，支持移动端浏览，整体采用黑白配色。」

生成后，可以先预览实际效果，再根据自己的喜好不断调整页面布局和功能细节。

这种方式最大的优势在于：不需要一开始就购买域名，也不必先研究 Astro、Markdown 等技术方案，可以把更多精力放在网站本身的设计和内容上。

三、最后的一些感想

回顾整个搭建过程，从最初的产品定位、视觉设计，到功能开发、文章迁移，再到域名绑定和备案，前后折腾了近一个月，终于完成了自己的第一个个人博客。

虽然中间也遇到了一些问题，但整体体验下来，AI 辅助开发的效率还是超出预期。

尤其是对于不懂代码的产品经理来说，以前很多想法可能会因为技术门槛而停留在想法阶段，如今借助 AI 工具，是可以独立完成需求到上线的。

当然，这并不意味着 AI 能够替代所有工作。在实际搭建过程中，无论是设计方案的选择、功能需求的取舍，还是页面效果的验收，都需要自己不断思考和判断。

AI 解决了很多技术实现的问题，但做什么、为什么做、做到什么程度，依然需要我们自己决定。