YoYo：与Windsurf合作实现个人网站搭建

YoYo：与Windsurf合作实现个人网站搭建 YoYo：与Windsurf合作实现个人网站搭建 Modified December 16, 2025 板块设计 首先是分析了我自己已有的材料内容，梳理后觉得可以将历史分享过的AI课程，和AI实践文档进行整合，以及日常常用AI工具打包方便点击使用，最后当然还有心心念的个人的简介，so就出现了如上图的四个板块； 然后针对板块内容规划如下截图： 需求澄清 把第一个需求说清楚，发给AI看下效果如何， Code block Plain Text Copy 创建一个网站门户，名称是AI实验室合集 导航栏分四个模块：往期分享，AI实践探索，AI工具合集，联系我。 其中，往期分享主要展示每次分享内容，关键信息如下 主题：智能AI第一课 日期：2025年5月19日 分享内容：讨论了AI工具的发展和应用，享了AI工具在会议方案制作、数据分析、智能问答等方面的应用，并对未来AI技术的发展进行了展望。介绍了贝壳公司内部的一些AI工具，如备好问、贝拉平台等，并鼓励大家积极拥抱AI技术。 课程时长：90分钟 课程学员：西南区域客户赋能团队 课程链接： https://meeting.tencent.com/crm/KPPjWRDqc1 AI执行过程如下：对初步设计的框架内容看下是否符合预期，哪里有问题就改哪里 可以要求提供预览，方便修改样式 继续整理往期内容的全部文字进行填充 主要看下往期内容需求页面是否符合预期即可，针对不满意的地方继续提问，直到满意之后，可以一次性补充全部往期内容 最终效果满意了，下一步是把剩下的往期内容一次性提供即可 往期内容补充提供说明 不同板块逐步填充 其他板块也是如此，进行下一板块，AI探索部分，提示词很简单，如下即可。 提示词 AI执行过程 执行效果 补充全部提示词后，执行过程如下，如法炮制AI工具板块即可。 联系我的部分没有进行设计，主要让AI自由发挥，只提供了内容 提示词 执行过程 效果 💬 结束 整个过程是不是相当丝滑，执行到这里，首先恭喜你可能已经有一个不是很满意的个人网站，但是是可以实现网站的基本内容，后面的跟AI交流的过程中，需要的是耐心，哪里有问题调整哪里的过程。 在跟AI交流过程中，不断尝试更多产品的过程中，越来越感受到人人赤脚程序员时代近在咫尺。期待大家更多的网站门户。 关于我 大家好～我是yoyo 🐱 • 🐈 坐标北京，铲屎官一枚 • 🫡 AIGC的小白，持续进阶成长，致力于打造一个自己的智能体 • ☕️ 以上期待能够给到各位一点启发 💡 感谢家属带我在“ 🌈 通往AGI之路”打开新世界，接触有趣的事情，结识有趣的人 个人沉淀小报童栏目（献丑系列）https://img520.com/YUSiYC.png 🌈 通往AGI之路 板块设计 首先是分析了我自己已有的材料内容，梳理后觉得可以将历史分享过的AI课程，和AI实践文档进行整合，以及日常常用AI工具打包方便点击使用，最后当然还有心心念的个人的简介，so就出现了如上图的四个板块； 然后针对板块内容规划如下截图： 需求澄清 把第一个需求说清楚，发给AI看下效果如何， AI执行过程如下：对初步设计的框架内容看下是否符合预期，哪里有问题就改哪里 可以要求提供预览，方便修改样式 继续整理往期内容的全部文字进行填充 可以要求提供预览，方便修改样式 可以要求提供预览，方便修改样式 继续整理往期内容的全部文字进行填充 继续整理往期内容的全部文字进行填充 主要看下往期内容需求页面是否符合预期即可，针对不满意的地方继续提问，直到满意之后，可以一次性补充全部往期内容 最终效果满意了，下一步是把剩下的往期内容一次性提供即可 往期内容补充提供说明 最终效果满意了，下一步是把剩下的往期内容一次性提供即可 最终效果满意了，下一步是把剩下的往期内容一次性提供即可 往期内容补充提供说明 不同板块逐步填充 其他板块也是如此，进行下一板块，AI探索部分，提示词很简单，如下即可。 提示词 AI执行过程 执行效果 提示词 提示词 AI执行过程 AI执行过程 执行效果 执行效果 补充全部提示词后，执行过程如下，如法炮制AI工具板块即可。 联系我的部分没有进行设计，主要让AI自由发挥，只提供了内容 提示词 执行过程 效果 提示词 提示词 执行过程 执行过程 效果 效果 💬 结束 整个过程是不是相当丝滑，执行到这里，首先恭喜你可能已经有一个不是很满意的个人网站，但是是可以实现网站的基本内容，后面的跟AI交流的过程中，需要的是耐心，哪里有问题调整哪里的过程。 在跟AI交流过程中，不断尝试更多产品的过程中，越来越感受到人人赤脚程序员时代近在咫尺。期待大家更多的网站门户。 关于我 大家好～我是yoyo 🐱 • 🐈 坐标北京，铲屎官一枚 • 🫡 AIGC的小白，持续进阶成长，致力于打造一个自己的智能体 • ☕️ 以上期待能够给到各位一点启发 💡 感谢家属带我在“ 🌈 通往AGI之路”打开新世界，接触有趣的事情，结识有趣的人 🌈 通往AGI之路 大家好～我是yoyo 🐱 • 🐈 坐标北京，铲屎官一枚 • 🫡 AIGC的小白，持续进阶成长，致力于打造一个自己的智能体 • ☕️ 以上期待能够给到各位一点启发 💡 感谢家属带我在“ 🌈 通往AGI之路”打开新世界，接触有趣的事情，结识有趣的人 🌈 通往AGI之路 大家好～我是yoyo 🐱 • 🐈 坐标北京，铲屎官一枚 • 🫡 AIGC的小白，持续进阶成长，致力于打造一个自己的智能体 • ☕️ 以上期待能够给到各位一点启发 💡 感谢家属带我在“ 🌈 通往AGI之路”打开新世界，接触有趣的事情，结识有趣的人 🌈 通往AGI之路 感谢家属带我在“ 🌈 通往AGI之路”打开新世界，接触有趣的事情，结识有趣的人 🌈 通往AGI之路 个人沉淀小报童栏目（献丑系列）https://img520.com/YUSiYC.png 灵感启发 早期，哔哩哔哩等众多媒体渠道各种，零代码，一句话开发各种网站，看着眼馋，特别想拥有一个自己的网站，从去年9月开始，跟着学习搓各种门户网站，名片等。但是总是不满意（当时效果如下）。 https://ayoyoqiu.github.io/yoyo/ https://ayoyoqiu.github.io/naohai/ https://ayoyoqiu.github.io/yoyo/ https://ayoyoqiu.github.io/yoyo/ https://ayoyoqiu.github.io/naohai/ https://ayoyoqiu.github.io/naohai/ 再战之路 因为之前的不满意，但是又想把自己的已有内容进行整合。方便自己管理使用。就在上次搓了AI应用人生的第一个AI应用：Windsurf（deepseek模型）+Coze+微信开发者之后，后来在一次AI内容分享，为了节省时间让AI快速写了个分享内容的网站如下https://ayoyoqiu.github.io/aiagc poster/，还可以实现点击互动。 人生的第一个AI应用：Windsurf（deepseek模型）+Coze+微信开发者 再次萌生了，重新搓一个个人门户的想法💡效果如下；本次的demohttps://ayoyoqiu.github.io/AIGC/还算满意，因此把整个过程整理复现一下 整个过程极简：用人话说就是设计下网站的样子，然后跟AI工具对话，全程没有写一个代码（我用的是windsurf，trae和cursor都可以试试，应该效果差不多）