GitHub Copilot Agent Vibe Coding 实录：构建 AI 增强的个人博客

GitHub Copilot 最近也推出了 agent 模式，作为一名温和的技术激进派，尝鲜那是必须的。于是乎，就有了本文。

注：虽然本文是付费文章，但正文完全是免费的，付费的仅仅是文章对应的代码。因此，它并不影响你通过本文了解 copilot agent 的编程体验。

实现的练手项目源自我自己的需求：符合当前 ai 时代的静态博客生成站点，具体的特性如下：

• 静态博客生成，当然必须支持标签，但不必有评论。
• 支持页面内 ai 对话，对于代码块需要有语法着色和高亮。
• 支持 llms.txt 生成

效果图

整体效果

Chat UI

RAG

语法高亮

llms.txt

• llms-full.txt

闲话少说，直奔正题吧！

实战

准备

别误解，这里并非什么软件安装和服务配置之类的无聊话题，我也懒得说。这里主要是指学习！即：看看别人是如何使用 copilot agent 的，具体可以直奔这个链接去看视频：https://www.youtube.com/watch?v=dutyOc_cAEU

Action 1：工程初始化

在有如此多优秀静态博客生成器的今天，我们的项目完全没有必要从零开始。即使有了 ai agent 的加持，也没有必要就让它从头来干，即便不是我们来写代码。

这里，我们选择 Astro，利用它的 create 命令来初始化新项目即可，记得选择 blog 模板。

经验 1：Vibe Coding 不意味着放弃之前的经验，有框架支持那就优先用框架。

Action 2: 添加 Tailwind CSS

...