挑战100天100个GPTs032.从零开始打造你的AI信息助手GPTs—慢慢学AI052

#挑战100天100个GPTs

写在前面

• 你曾经学过编程，经历过从放弃到放弃吗？
• 曾经，你也有一些想法，但是发现要编程，于是放弃了
• 有人说直播的时候，如果代码多一行，流量少一半
  • 所以今天的文章里面，会有很多代码
• 你曾经经历过和 AI 聊天，但是很快发现它很傻
  • 你会觉得它只是个玩具
  • 那么这篇文章会告诉你，它不是玩具
• 经历几个月浴血煎熬，看我经历了哪些坑坑洼洼
• 一个简约不简单的 GPTs 开发，见证从 0 到 1 的突破。
  • 通过做一个 GPTs，带你走一遍 nextjs 的开发
  • 涉及的工具和工作流足以应付日常 GPTs 开发

前言，5 分钟洞察世界，革新您的信息处理

我们知道，熵增是不可逆的，很早以前人们就开始诟病就有信息爆炸，逐步演化为信息茧房，人们在信息的世界里逐渐迷失了自我，我们身在其中，不断自己的认知，自己的逻辑，构建起一个有一个，符合自己“逻辑“的信息孤岛。

主动，在这个推送技术越来越发达的今天，变得难能可贵。

身处 AI 时代，不知道哪一天开始，我们身边有了各种 AI 日报，我们要做点什么呢？不如自己动手做一个 AI 日报吧！疯狂吗？搞笑吗？有意思吗？干就完了！

先看看折腾后的结果，大概长这样：

如果没有折腾过，似乎是有些天方夜谭的，特意放了这张没有修饰过的图，而不是精美的版面设计，多彩绚丽的背景，是想告诉大家，完美主义害死人呀！先折腾起来，以后再优化吧

作为一个近 20 年没有接触过编程的人，我也成功地借助 AI 完成了这个 GPTs 项目。项目代码已在 GitHub 公布，地址在文章最后。

来看下这件事花了多少时间，实际上，它比你想象中更简单。

执行摘要：AI 日报项目

项目目标

开发一个 AI 驱动的日报系统，每天 5 分钟即可获取全球 AI 领域的核心信息。

核心价值

1. 提高信息处理效率
2. 降低信息获取成本
3. 增强决策支持能力

主要步骤

1. 环境搭建（约 1 小时）
2. 项目初始化（约 30 分钟）
3. AI 功能开发（约 2-3 小时）
4. 部署上线（约 30 分钟）

预期成果

一个可以自动生成 AI 行业日报的个性化信息助手，无需编程经验即可完成。

系统概览：三步打造您的 AI 信息助手

为了简化起见，它被设计运行在 GPTs 中，看下它的运行截图，看看它是如何运作的。

信息收集	信息加工	海报生成

这个强大而灵活的系统可以简化为三个关键步骤：

1. 信息获取与初步处理
2. 人机协作的内容精选
3. 个性化呈现

信息获取与初步处理

这一步就像是您的 AI 助手的”眼睛”和”大脑”。

多源信息抓取

想象一下，您有数十个得力助手，24/7 不间断地监控着各种信息源：

• 行业新闻网站
• 社交媒体平台
• 公司内部数据库
• 专业论坛和博客
• 政府公告和法规更新

把你平时收集的这些信息源都交给它，让它折腾去吧，不用一个个网页打开了。

小贴士：最初的目标只是 AI 日报，我们可以通过必应、谷歌等搜索引擎来抓取信息。记住，搜索结果排名靠前的内容通常更可靠！

GPT 辅助翻译和总结

获取信息后，AI 就开始了它的”理解”过程：

• 自动翻译：将不同语言的信息翻译成我们偏好的语言。
• 智能摘要：快速提炼长文的核心要点。
• 关键词提取：识别文章中的关键概念，方便后续分类和检索。

注意：AI 的总结和解读可能带有偏好，我们需要适当引导以获得期望的结果。

人机协作的内容精选

虽然 AI 很强大，但人类的判断力仍然不可或缺。这一步骤体现了人机协作的精髓。

我的私心是希望，多少有点存在感，毕竟自己都不过一遍，有点说不过去呀。

人工挑选关键信息

• 预筛选：AI 根据预设规则初步筛选重要信息。
  • 我们可以在提示词里面设定一些规则，建议少设置点。
  • 弄多了，真就废了。
• 人工审核：快速确认 AI 筛选的结果。

AI 分类整理

确认内容后，AI 开始”整理”工作：

• 智能分类：将信息归类到 AI 认为的归类中。
• 关联分析：找出不同信息间的潜在联系。
• 重要性排序：根据相关性和潜在影响排序。

个性化呈现

最后，AI 将处理好的信息以最适合您和团队的方式呈现。

系统的灵活性和可扩展性

这个三步流程并非固定不变。随着需求变化和技术进步，系统可以不断优化和扩展：

• 自定义信息源：随时调整信息获取来源。
• 算法迭代：定期更新 AI 模型，提高处理精度。
• 新场景适配：从日报扩展到行业分析、竞品监测等多种应用。

实际应用案例

某科技公司 CEO 每天早上收到一份 AI 生成的行业动态报告，其中包含：

1. 竞争对手的最新动向
2. 行业热点技术趋势
3. 潜在的合作伙伴信息
   这份报告帮助他在晨会上快速制定日常决策，大大提高了管理效率。

总结：通过这三个步骤，AI 信息助手（你没看错，已经悄悄把 AI 日报上升到信息助手了）将成为得力智囊团，提供最及时、最相关的信息洞察。

接下来，我们将深入探讨如何实际构建这个系统。

开发之旅：从零到一构建您的 AI 助手

让 GPT 老师先评估我的想法

你是非常专业的nextjs专家，也非常擅长写GPTs。我是几乎没有编程基础的普通用户。我现在想要做一个AI日报，目的是为了每天能有一个关于AI的海报图片，给我身边的朋友。为了达成这个目标，我想到了GPTs的方式，因为使用它可以避免消耗token，我自己本身已经是plus用户了，所以想利用这一点来达成我的目的。但是新闻的选择我希望人工参与，所以把这个过程分成3个步骤，分别是： 1. 通过网络搜索新闻，返回给gpt，让它帮我翻译总结，并给我一个清单 2. 我通过查看这个清单，从中挑选认为比较重要和有价值的新闻，让chatgpt帮我做分类 3. 我把分类好的新闻通过一个外部服务转换成图片，通过这个图片方便我进一步处理。 --- 以上是我对这个任务的思考，这个工具主要是方便我自己筛选和解读新闻，请你从架构师，产品经理，高效导师等角度分别评估这个任务，给出有点，缺点，和改进建议。其中包括软件的实现的复杂度，因为我希望通过vercel来部署这些外部服务

它的回答是

从架构师、产品经理和高效导师的角度来看，以下是对这个任务的评估和改进建议：

### 架构师视角

**优点：**
1. **模块化设计**：将任务分成三个步骤，每个步骤都是独立的模块，可以方便地进行开发、测试和部署。
2. **资源利用**：利用GPT-4 Plus账户，可以有效地减少token消耗。
3. **部署方便**：选择Vercel进行部署，可以利用其简单的部署流程和强大的服务器资源。

**缺点：**
1. **依赖外部服务**：需要依赖多个外部服务（新闻API、GPT-4、图片生成服务），可能会增加故障点。
2. **网络搜索的复杂性**：网络搜索需要解析复杂的HTML和结构化数据，可能需要额外处理。

**改进建议：**
1. **缓存和预处理**：对于新闻数据，可以引入缓存机制，减少重复请求，提升系统性能。
2. **自动化处理**：考虑使用爬虫技术自动收集新闻，并通过预设的关键词过滤，减少人工干预。

### 产品经理视角

**优点：**
1. **用户体验**：通过GPT-4的总结和翻译，用户可以快速了解每日重要的AI新闻，提高用户体验。
2. **灵活性**：用户可以手动筛选新闻，增加了个性化的灵活性。
3. **视觉呈现**：最终通过图片展示新闻，便于分享和传播。

**缺点：**
1. **学习曲线**：对于没有编程基础的用户来说，可能需要一定的学习曲线来使用和维护这个系统。
2. **时间成本**：人工筛选新闻可能会耗费用户较多时间，降低效率。

**改进建议：**
1. **用户引导**：在产品中加入详细的使用指南和示例，帮助用户快速上手。
2. **自动推荐**：可以考虑在人工筛选新闻之前，增加自动推荐功能，基于用户历史选择和偏好进行推荐，减少人工筛选时间。

### 高效导师视角

**优点：**
1. **学习价值**：用户可以通过这个项目学习如何使用GPT和自动化工具，提高自身技术水平。
2. **目标明确**：每日生成AI新闻海报，有助于用户建立良好的信息获取和处理习惯。

**缺点：**
1. **时间投入**：初期的开发和调试可能需要较多时间投入，对于没有编程基础的用户可能会有一定挑战。
2. **技术支持**：在遇到技术问题时，可能需要寻求额外的技术支持和帮助。

**改进建议：**
1. **分步学习**：将任务分解为更小的学习步骤，每完成一步都有明确的成果，增加成就感和动力。
2. **社区支持**：加入相关技术社区，获得更多的帮助和支持，解决遇到的问题。

### 实现复杂度

1. **新闻收集模块**：通过API调用或爬虫技术收集新闻，需要处理API调用和HTML解析。
2. **新闻翻译和总结模块**：利用GPT-4进行翻译和总结，使用Python或Node.js调用API。
3. **人工筛选和分类模块**：提供简单的前端界面，用户可以选择和分类新闻，使用React等前端框架实现。
4. **图片生成模块**：利用第三方服务将新闻转换为图片，可以使用服务如Canva API或DALL-E等。

### 总结

总体来看，这个任务的设计合理，通过适当的架构设计和技术选型，可以实现较高的灵活性和用户体验。为了降低实现难度和提升效率，可以考虑引入自动化推荐和预处理机制，同时增加用户引导和社区支持。通过分步学习和分阶段实现，可以帮助用户更好地掌握相关技术。

结论是，思路基本可行，接下来我们就可以开干了

核心功能：打造您的智能信息中心

想象一下，咱现在就拥有一个私人定制的信息处理中心，只需要告诉它咱需要什么！它得具备三个核心功能，让这个想象成为现实。

1. 智能信息获取与管理

功能亮点：

• 定制化信息收集： 只需告诉 AI 我们感兴趣的主题，它就能自动收集相关信息。
• 实时更新： 系统定期自动更新，确保掌握最新动态。
• 高效整理： 所有信息自动分类和整理，方便快速浏览和查阅。

2. AI 辅助代码生成

虽然我们不需要成为编程专家，但了解如何利用 AI 工具生成代码会大大提高效率。例如：

1. 明确需求： 假设我们需要一个函数来抓取特定主题的新闻。
2. 向 AI 提问： 我们可以这样描述需求：

   "使用TypeScript和Next.js框架创建一个函数，根据用户提供的关键词列表，从指定网站抓取最新相关文章的链接和标题。"

3. 获取结果： AI 会生成代码并提供使用说明。即使不完全理解代码，了解其功能也很重要。
4. 迭代优化： 我们可以继续与 AI 对话，逐步完善功能。

这种方法让我们能够快速构建复杂功能，而无需深厚的编程背景。

什么是 typescript，什么是 nextjs，现在先把疑问放肚子里面，等会有的折腾的。

3. 个性化信息呈现

AI 不仅收集信息，还能根据需求智能地组织和呈现信息。这为企业决策带来革命性变化。

商业应用案例：AI 日报如何改变企业决策

想象咱是一家科技公司的 CEO。每天早晨，AI 日报已经为您准备好了：

1. 竞争对手动向： AI 分析了竞争对手的新产品，预测其对业务的影响。
2. 市场趋势： 检测到新兴技术趋势，并列出可能的商业机会。
3. 风险预警： 总结即将出台的行业法规，提示公司需要调整的方面。
4. 创新灵感： 基于最新研究和专利，生成创新 idea 供您参考。

有了这份 AI 日报，就能在晨会上快速做出明智决策，引领公司走向成功。这就是 AI 赋能决策的威力！

先想着吧，这样的梦想，万一就实现了呢？不就是 CEO 嘛，有啥的！

通过这些核心功能，AI 助手不仅仅是一个信息收集工具，更是智能决策伙伴。接下来，我们将探讨如何将这个强大的系统付诸实践。

给AI 助手插上翅膀：引入 GPTs

在前面的章节中，我们探讨了如何构建 AI 日报的各个功能组件。现在，我们将这些零散的部分组合起来，创造一个真正强大的 AI 助手。这就是 GPTs 的魔力所在。

GPTs：您的个性化 AI 助理

想象一下，咱有一个私人助理，它不仅了解咱的需求，还能自动完成复杂的任务。这就是 GPTs（Generative Pre-trained Transformers）的本质。

GPTs 是什么？

• 简单来说，GPTs 就像是为特定任务量身定制的迷你版 ChatGPT。
• 它能理解我们的指令，并自动执行一系列复杂的操作。

为什么选择 GPTs？

1. 效率： 无需每次都解释需求，GPTs 记住我们的偏好。
2. 整合能力： 可以将多个步骤（如获取新闻、翻译、总结）集成到一个流程中。
3. 定制化： 根据具体需求进行个性化设置。
4. 易用性： 即使没有编程背景，也能创建强大的 AI 工具。

在我们的 AI 日报项目中，GPTs 将帮助我们：

• 自动获取最新 AI 新闻
• 智能筛选和分类这些新闻
• 生成吸引人的新闻海报

虽然市场上有其他类似工具（如 Coze 或智谱 AI），我们选择 GPTs 是因为它与 ChatGPT 的无缝集成和强大的定制能力。

很遗憾，底层大模型，简称底模，决定了最终的结果

开启 GPTs 之旅

准备好创建第一个 GPT 了吗？开始吧！

首先，需要一个 ChatGPT Plus 账户。有了账户后，按以下步骤操作：

1. 打开 GPTs 编辑器：

   • 直接访问：https://chatgpt.com/gpts/editor
   • 或在 ChatGPT 界面中找到”Create a GPT”选项

2. 熟悉 GPTs 编辑界面：

如您所见，GPTs 的设置界面非常直观：

• 标题： 为 AI 助手起一个响亮的名字
  • 取名是很有意思的事
  • 它会无形中给我们长远的预期
  • 不妨取大胆一些
• 描述： 简要说明这个 GPT 的功能
• 指令： 这是核心，定义了GPT 如何工作

在下一节中，我们将深入探讨如何编写有效的指令，让 AI 日报助手变得真正强大和智能。

打造AI 新闻编辑：解析 GPTs 指令

想象公司给我们安排了个实习生，很快我们就要被 ta 气死了。为了不被气死，只能想办法给 ta 一个手册？这就是我们为 GPTs 准备的”指令”。让我们一起来看看这份特别的”手册”，了解如何让 AI 成为一名出色的新闻编辑。

1. 定义角色和目标

首先，我们要明确 AI 助手的”身份”：

• 角色：科技类新闻编辑 & 爆款文案运营
• 专长：处理 AI 新闻

就像告诉实习生：”你现在是我们的 AI 新闻专家，负责编辑最新、最热门的科技新闻。”

2. 划分主要任务

我们把大目标拆分成三个简单步骤：

1. 收集新闻：像敬业的记者搜集最新 AI 资讯。
2. 整理信息：像专业编辑分类、整理新闻。
3. 制作海报：像创意设计师制作吸引眼球的新闻海报。

思考：这种任务拆分如何让工作更有条理？

3. 赋予必要技能

我们为 AI 助手”培训”了四项关键技能：

• 理解和分析文本
• 使用 Markdown 格式化文档
• 翻译能力
• 信息分类和整理

实例：就像教实习生使用公司的特殊软件工具一样。

4. 设定详细工作流程

现在，让我们看看每个任务的具体操作：

A) 获取信息：

• 使用特定工具（action）搜索 AI 新闻
• 列出所有找到的新闻
• 翻译成中文，包括标题、内容、来源等

B) 加工信息：

• 将新闻分类（3-5 个类别）
• 用 Markdown 格式整理，提高可读性
• 确保内容简洁有力

C) 生成海报：

• 将整理好的内容转换成图片
• 调整格式，突出重点，增加对普通人的影响分析

问题：你感觉这个流程中哪一步最关键？为什么？

5. 优化用户体验

最后，我们设定了一些原则来确保内容质量：

• 使用友好、专业的语气
• 避免晦涩的专业术语
• 确保内容易于理解，特别是对非技术背景的读者

实际应用：想象我们在向不懂技术的朋友解释一项新的 AI 突破，您会如何表述？

通过这样详细的”手册”，我们的 AI 助手就能像专业的新闻编辑一样，为我们提供高质量的 AI 日报了。

下一步，我们将探讨如何将这些指令与实际的 API 操作结合，让我们的 AI 助手真正”活”起来！

让 ChatGPT 飞出“聊天框”：Action 操作的魔力

想象一下，我们有一个非常聪明的实习生（ChatGPT），但它被限制在一个小房间（聊天对话框）里。现在，我们要给这个实习生一把”魔法钥匙”，让它能够走出房间，与外界互动。这把”魔法钥匙”就是我们要讨论的 Action 操作和 OpenAPI。

什么是 API 和 OpenAPI？

• API 就像是不同应用程序之间的”翻译官”，让它们能够相互交流。
• OpenAPI 则是一种描述 API 的标准格式，就像是 API 的”说明书”。

教一个朋友使用智能家电。API 就是那个智能家电的遥控器，而 OpenAPI 就是使用说明书，详细解释每个按钮的功能。

如何创建 Action

在 GPTs 的设置界面中，我们可以轻松创建新的 Action：

点击”创建新操作”后，我们会看到一个看似简单的界面：

虽然看起来简单，但这个界面非常强大（简约而不简单，但是也太 tmd 简单了！）。让我们来看一个官方的 OpenAPI 示例：

这个”说明书”告诉 ChatGPT 如何使用我们的 API。其中，operationId 就是我们在 GPTs 指令中提到的 Action 名称。

使用 ActionsGPT 简化过程

创建 OpenAPI 描述可能看起来复杂，OpenAI 公司也觉得麻烦就提供了一个名为 ActionsGPT 的工具来帮助我们：

使用 ActionsGPT 的步骤：

1. 访问 ActionsGPT（https://chatgpt.com/g/g-TYEliDU6A-actionsgpt）
2. 描述API 功能和期望的行为
3. ActionsGPT 会生成符合 OpenAPI 标准的描述
4. 复制生成的描述，粘贴到 GPTs 的 Action 设置中

实际应用案例

假设我们要为我们的 AI 日报助手添加一个获取最新 AI 新闻的功能：

1. API 设计：创建一个名为 getLatestAINews 的 API
2. 使用 ActionsGPT：描述这个 API 的功能，如”获取最新的 10 条 AI 相关新闻”
3. 得到 OpenAPI 描述：ActionsGPT 会生成相应的 OpenAPI 格式描述
4. 在 GPTs 中设置：将生成的描述粘贴到新创建的 Action 中
5. 在 GPTs 指令中使用：在指令中引用这个新的 Action，如 调用getLatestAINews获取最新AI新闻

通过这个过程，我们就成功地给了 ChatGPT 一个”魔法钥匙”，让它能够获取实时的 AI 新闻，真正地”飞”出聊天框，为我们提供最新、最相关的信息。

记住，虽然这个过程看起来有点技术性，但实际上就像是教会它使用新工具。有了这些工具，AI 日报助手将变得更加强大和实用！

准备工作：搭建您的 AI 助手工作室

在开始打造 AI 日报助手之前，我们需要先准备好”工作室”。以下工具就是这个环境的关键组成部分。

工具集介绍

工具	作用	重要度	类比
GitHub	代码仓库	⭐⭐⭐⭐⭐	项目文件柜，存储所有代码和文档
Vercel	应用发布平台	⭐⭐⭐⭐	作品展示厅，让所有人都能看到 AI 助手
VSCode	代码编辑器	⭐⭐⭐⭐⭐	高级笔记本，用于编写和修改代码
Node. Js	开发环境	⭐⭐⭐⭐	AI 助手的”大脑”，让它能思考和运行
Git	版本控制系统	⭐⭐⭐	时光机器，记录项目的每个变化

安装清单

按照以下步骤，让我们一起搭建您的 AI 助手工作室：

1. GitHub：注册账号 (https://github.com)
2. Vercel：使用 GitHub 账号登录 (https://vercel.com)
3. VSCode：下载并安装 (https://code.visualstudio.com/Download)
4. Node. Js：安装 LTS 版本 (https://nodejs.org)
5. Git：下载并安装 (https://git-scm.com/downloads)

快速上手指南

1. GitHub & Vercel 注册：

   • 访问官网，点击”Sign Up”，按提示完成注册。
   • Vercel 可直接使用 GitHub 账号登录，一键关联。

2. VSCode 安装与配置：

   • 下载安装包，运行安装程序。
   • 安装中文语言包：File > Preferences > Extensions，搜索”Chinese”。

3. Node. Js 安装：

   • 下载 LTS 版本，运行安装程序，全程下一步即可。

4. Git 安装：

   • 下载适合您系统的版本，运行安装程序，使用默认设置即可。

常见问题

Q: 必须安装所有工具吗？
A: GitHub, VSCode, 和 Node. Js 是必须的。Vercel 用于发布，如果暂时不需要可以跳过。Git 强烈推荐安装，但不是绝对必要。

Q: 安装过程中遇到”权限不足”怎么办？
A: 尝试以管理员身份运行安装程序，或检查您的系统权限设置。

Q: 为什么选择这些工具？
A: 这些工具组合提供了一个完整的开发环境，从编写代码（VSCode）到存储管理（GitHub），再到运行（Node. Js）和发布（Vercel），覆盖了 AI 助手开发的全流程。

准备好这些工具后，就拥有了一个专业的 AI 助手开发环境。接下来，我们将开始激动人心的开发之旅！

设置 SSH 证书：为代码配置安全通道

代码存在 GitHub，默认情况下会通过 https 通信，用来提交代码，但是非常不稳定。我们需要一个安全的通道来与 GitHub（我们的代码仓库）通信。SSH 证书就像是这个通道的钥匙。虽然设置过程看起来有点复杂，但是第一次弄好了，后面就不用管了。

为什么选择 SSH？简单来说，它更安全，而且在某些网络环境下更稳定。就像选择一条更可靠的道路来运送重要文件。

让我们一步步来设置这个安全通道：

1. 设置您的身份
   就像在银行开户，我们需要先告诉 Git（我们的”银行”）您是谁。

   git config --global user.name "您的名字" 
   git config --global user.email "您的邮箱@example.com"

2. 生成安全钥匙
   现在，我们要生成一对独特的钥匙。

• 打开命令行（在 Windows 上，按 Win 键，输入 cmd，回车）
• 输入以下命令，记得用 GitHub 邮箱替换示例邮箱：

  ssh-keygen -t rsa -C "您的GitHub邮箱@example.com"

• 按几次回车接受默认设置

3. 把公钥告诉 GitHub
   现在我们有了钥匙，需要把公钥（可以分享的那个）告诉 GitHub。

• 打开 https://github.com/settings/keys
• 点击”New SSH Key”
• 用记事本打开刚才生成的. Pub 文件（通常在 C:\Users\您的用户名. Ssh\id_rsa. Pub）
• 复制文件内容，粘贴到 GitHub 的 Key 框中，给它起个名字，然后点”Add SSH Key”

4. 测试连接
   最后，我们来测试一下这条安全通道是否畅通。
   在命令行中输入：

ssh -T [email protected]

如果看到类似”Hi username! You’ve successfully authenticated”的消息，恭喜您，设置成功！

常见问题

Q: 如果我在生成密钥时遇到错误怎么办？
A: 确保您已经正确安装了 Git。如果问题 persist，可以尝试使用 GitHub Desktop 这样的图形界面工具作为替代。

Q: 为什么我在测试连接时看到”Are you sure you want to continue connecting (yes/no)?”
A: 这是正常的。输入”yes”并按回车即可。这是 SSH 在确认您信任这个连接。

Q: 我可以在多台计算机上使用同一个 SSH 密钥吗？
A: 可以，但为了安全起见，建议为每台计算机生成独立的 SSH 密钥。

完成这些步骤后，您的 AI 助手就有了一条安全、稳定的通道与 GitHub 通信。下一步，我们将开始真正的开发工作！

项目初始化：为AI助手搭建新家

想象一下，我们正在为AI助手准备一个新家。GitHub就像是一个云端的房产中介，帮我们找到合适的”地皮”，而我们的电脑就是实际建造房子的地方。让我们一步步来：

在GitHub上申请您的”地皮”

1. 登录GitHub，点击右上角的”+”，选择”New repository”。
   （小贴士：直接访问 https://github.com/new 也可以哦）

2. 给AI助手的新家起个名字，比如”aidaily-gptsaction”。

3. 选择”Public”，这样所有人都能参观。如果想保密，就选”Private”。

4. 点击”Create repository”，云端”地皮”就准备好了！

创建成功后，看到这样的界面：

将”地皮”复制到电脑上

接下来，我们需要把这块”地皮”的信息带到电脑上，这样我们就可以在本地开始建造了。

1. 复制仓库地址：
   

2. 在电脑上创建一个新文件夹，比如C:\aidaily。

3. 用VSCode打开这个文件夹：
   

4. VSCode 可能会提示是否信任这个文件夹，点击”是，我信任”。

5. 现在，我们用Git这个”魔法工具”把GitHub上的”地皮”信息带到本地：

   • 打开VSCode的终端（View > Terminal）
   • 输入下面的命令（确保替换成自己的仓库地址）：

     git clone [email protected]:您的用户名/您的仓库名.git

完成后，会在 C:\aidaily 文件夹里看到一个新的文件夹，里面存放着项目的基础结构。

恭喜！已经成功为 AI 助手准备好了新家的基础。虽然现在这个”家”还是空的，但是基本结构已经有了。接下来，我们将开始往这个家里添加一些基本的”家具”（代码和功能）。

小贴士

如果和我一样有点强迫症，想让项目文件直接放在 C:\aidaily 而不是子文件夹里，可以试试下面的操作：

cd 仓库名
move * ..
move .git ..
cd ..
rmdir 仓库名

这样做会把所有文件（包括隐藏的. Git 文件夹）移到上一级目录，然后删除空文件夹。

下一步，我们将使用 NextJS 模板来添加一些基本功能。能坚持到这里太不容易了，说实在的，本人在这里吐血又吐血！

用Next.js为AI助手装修新家

想象一下，我们已经有了AI助手的房子框架，现在要开始装修了。Next.js就像是一套高级的装修工具包，能帮我们快速把房子变得既漂亮又实用。

为什么选择Next.js？

Next.js就像是为网站开发准备的”全能装修工具箱”。它能帮我们轻松处理很多复杂的事情，比如让网页加载更快、让搜索引擎更容易找到我们的网站等。

让我们开始装修吧！

1. 准备工作
   如果网络不太快，可以先设置一个国内的”材料供应商”：

   npm config set registry https://registry.npmmirror.com/

2. 开始装修
   在终端里输入以下命令，就像告诉装修工人”按照Next.js的标准样板来装修我们的房子”：

   npx create-next-app@latest aidaily

3. 回答一些问题
   系统会问您一些问题，就像装修工人确认您的喜好。目前我们都选择默认选项就好：

   
   

4. 整理房间（可选步骤）
   如果你像我一样喜欢让东西都在一个地方，可以用这些命令把所有文件移到主文件夹：

   Cd aidaily
   Move * ..
   Cd ..
   Rmdir aidaily

   注意：如果遇到”文件已存在”的提示，不用担心，这是正常的。

5. 参观新家
   现在，让我们来看看我们的新家长什么样！在终端里输入：

   Npm run dev

   然后在浏览器中打开 http://localhost:3000

   

   恭喜！现在有了一个漂亮的新家。要关闭预览，只需在终端按Ctrl+C。

常用的”装修工具”（npm命令）

• npm run dev: 打开房子让我们实时查看和修改
• npm install [包名]: 添加新的家具或功能
• npm run build: 为正式开放做最后的准备

这些命令就像是不同的装修工具，每个都有特定的用途。

虽然我们的”房子”看起来很棒，但现在只有我们自己能看到。接下来，我们要把它放到Vercel上，这样全世界都能欣赏您的AI助手的新家了！

让全世界看到它：部署到 Vercel

想象一下，我们已经为AI助手建好了一个漂亮的家，现在是时候举办一个盛大的开放日活动，让全世界都能来参观了。这就是我们要用Vercel做的事情。

Vercel就像是一个超级高效的房地产经纪人，它能迅速地把”房子”（项目）展示给全世界，而且完全免费！

让我们开始这个激动人心的过程吧：

1. 准备
   访问 Vercel.com 并登录（如果还没有账号，用您的GitHub账号快速注册一个）。
   点击”New Project”，就像宣布要举办开放日活动。

   

2. 选择要展示的”房子”
   在列表中找到刚才在GitHub上创建的仓库，选中它。

   

3. 最后的准备工作
   Vercel会自动识别您的项目类型并进行相应设置。通常，您只需要保持默认设置。

   

4. 开始展示
   点击”Deploy”，Vercel就开始为项目找一个最佳的”展示位置”了。

   

5. 庆祝成功
   恭喜！现在它有了一个可以被全世界访问的家。

   
   

整个过程就像这样：

恭喜！已经准备好见客了

不容易啊！让我们回顾一下，你都学会抢答了呀！

1. 设置了专业的开发环境
2. 创建了一个结构清晰的项目
3. 项目成功地展示给了全世界

常见问题

Q: 部署后看不到我的网站怎么办？
A: 请确保您点击了Vercel提供的链接。如果还是无法访问，可能需要等待几分钟让变更生效。

Q: 我可以更改我的网站地址吗？
A: 是的，在Vercel的项目设置中，您可以自定义您的域名。

Q: 每次修改代码都需要手动部署吗？
A: 不需要。Vercel会自动检测您GitHub仓库的变化，并自动重新部署。

准备好了吗？让我们继续我们的AI助手开发之旅！

项目时间和成本估算

这里是一个粗略的时间和成本估算：

1. 时间投入：

   • 环境搭建：约 1-2 小时
   • 项目初始化：约 30 分钟
   • AI 功能开发：约 2-3 小时
   • 测试和优化：约 1-2 小时
   • 部署上线：约 30 分钟
     总计：约 5-8 小时，可以在 1-2 天内完成

2. 成本估算：

   • 开发工具：全部免费
   • ChatGPT Plus 订阅：$20/月
   • 服务器托管：使用 Vercel 免费计划
   • 可选：自定义域名，约$10-15/年

3. 潜在收益：

   • 每天节省 1-2 小时的信息搜集和处理时间
   • 提高决策质量， 带来可观的商业价值

这个项目的真正价值不在于其成本，生命在于折腾。

展望未来：AI 日报的无限可能

我们已经成功构建了 AI 日报的基础版本。但正如所有优秀的项目一样，这只是一个开始。让我们一起畅想一下 AI 日报的未来：

1. 历史消息存档

   • 想法：每天生成的 AI 日报都能保存下来，形成一个可检索的知识库。
   • 潜在实现：可以考虑使用数据库存储，如 MongoDB，方便日后查询和分析。

2. 智能新闻爬取与筛选

   • 想法：系统自动根据设定的规则爬取和筛选新闻，确保内容的相关性和重要性。
   • 潜在实现：可以使用 Node. Js 的爬虫库（如 Puppeteer）结合自然语言处理技术来实现。

3. 用户友好的管理界面

   • 想法：开发一个直观的界面，方便用户管理、调试和自定义 AI 日报。
   • 潜在实现：可以使用 React 或 Vue. Js 创建一个响应式的前端界面。

4. 多元化新闻源管理

   • 想法：允许用户添加、编辑和管理多个新闻来源，提高信息的多样性。
   • 潜在实现：设计一个新闻源管理系统，支持 RSS、API 和网页爬取等多种方式。

5. 增强安全性

   • 想法：实现更严格的安全措施，特别是在 GPTs Action 的使用上。
   • 潜在实现：可以考虑实现 OAuth 认证，API 密钥管理等安全机制。

这些想法仅仅是一个开始。真的！

项目回顾与后记

关键成就

• 成功搭建了一个基于 Next. Js 的 Web 应用
• 实现了基本的 AI 日报生成功能
• 将项目部署到了公网，让所有人都能访问

个人心得

这个项目源于”100 天挑战 100 个 GPTs”的灵感。在 AI 技术迅速发展的今天，GPTs 为我们提供了一个绝佳的切入点。从最初的构想到最终的实现，这个过程充满了挑战和收获。

我的编程之旅可以追溯到近 20 年前，也停留在 20 年前，只有早期的 JavaScript 和 Prototype 框架。尽管中间经历了无数次的”放弃”和重新开始，但都没能成行，因为 AI 的加持，才让我最终能够驾驭像 AI 日报这样的项目。

特别要感谢那位不愿具名的”赛博菩萨”，某天深夜闲聊，他的 RSS 建议给了我很大启发。这再次证明，在技术社区中，我们永远不是孤军奋战。

结语：您离自己的AI助手只有一步之遥

回顾整个项目，您可能会惊讶地发现：做一个强大的 AI 日报系统，并不需要深奥的编程知识。通过本文的指导，即使是完全没有技术背景的您，也可以在短短几个小时内构建出自己的 AI 助手。

现在，我们所有人都有机会成为这场变革的领导者，而不仅仅是观察者。准备好开启AI 之旅了吗？让我们一起，创造未来！

完整的项目代码在：https://github.com/iaiuse/aidaily-gptsaction