> ## Content Index > Fetch the complete content index at: https://www.hubwiz.com/blog/llms.txt > Use this file to discover other available public pages before exploring further. # YouTube视频转博客文章 - URL: https://www.hubwiz.com/blog/youtube-video-to-blog-post/ - Published: 2024-11-02T13:34:21.000Z - Updated: 2024-11-02T13:34:21.000Z - Description: 作为一个数据科学家，我使用Cursor等AI工具在4天内实现了一个将 YouTube 视频转换为博客文章的工具。 - Author: admin - Tags: APPLICATION, COOLERS, CANVA, FASTHTML, CURSOR, YOUTUBE, OPENAI, GOOGLE, RAILWAY, #Import 2026-10-14 14:41 技术让世界发展得更快。我们今天在人工智能上再次看到了这一点。使用 Cursor 等工具，开发人员可以比以前快 5-10 倍地构建。我最近在构建我的第一个 Web 应用程序时亲身体验了这一点。在这篇文章中，我将介绍这种体验以及在短短 4 天内部署此应用程序的工具。 虽然大多数数据科学家使用 Python 来处理数据和训练模型，但创建消费者软件是另一回事。这对我来说是一个问题，因为作为一名个人企业家 ，我没有团队（或资本）来弥补我的无能。 由于我的储蓄本季度有望达到 0 美元，我比以往任何时候都更有动力学习这套技能。为此，我设定了本季度每月推出 1 款产品的目标。 第一个这样的产品是一个将 YouTube 视频转换为博客文章的工具（称为 y2b）。我在 4 天内推出了这款应用的初始原型，在这里，我将分享我是如何做到的。 ## 第 1 天：创意与设计 我挑选产品创意的指导原则来自 [Stephen Wolfram](https://x.com/ShawhinT/status/1810673990823719049?ref=hubwiz.com) 的建议，即“解决自己的问题”。这让我想到了 3 个产品创意：YouTube 缩略图生成器、YouTube 剪辑查找器和 YouTube 视频到博客转换器。 经过一番研究，并看到 Upwork 发布的招聘信息，根据 YouTube 视频撰写博客，可获得数百美元报酬，我决定选择后者。 我的第一步是设计网站和用户界面 (UI)。由于我没有 Web 开发经验，所以我从设计开始，而不是编码。 ![](https://www.hubwiz.com/blog/content/images/2024/11/image-164.png) y2b 的品牌蓝图 为此，我创建了一个品牌蓝图，其中包括选择调色板和字体以及设计徽标。我使用 [Coolers](https://coolors.co/?ref=hubwiz.com) 进行颜色选择，使用 [Canva ](https://www.canva.com/?ref=hubwiz.com)进行其他所有操作。 这使得在 Canva 中设计简单的 Web UI 变得容易。到当天结束时，我的设计看起来像这样。 ![](https://www.hubwiz.com/blog/content/images/2024/11/image-165.png) 初始 UI 设计 ## 第 2 天：前端 有了设计，就该实现前端了。由于我最熟悉 Python，因此我选择了一个名为 [FastHTML ](https://fastht.ml/?ref=hubwiz.com)的新库，它允许开发人员使用（仅）Python 构建现代 Web 应用程序。 我花了一上午的时间学习 FastHTML，观看开发人员的[教程](https://youtu.be/ptRaku0zyeA?si=UgaVg0RpkF5rhq7b&ref=hubwiz.com)并阅读他们的[文档](https://docs.fastht.ml/?ref=hubwiz.com)。下午，我开始在 Canva 上实现我的前端设计。 我的第一步是将屏幕截图粘贴到 Cursor 的 AI 聊天中，并要求它在 FastHTML 中复制设计。虽然它并不完美，但从编辑此代码开始比从头开始编写代码更容易。 这是我使用 [Cursor](https://www.cursor.com/?ref=hubwiz.com) 的第一个项目，我对它很满意。对于 Cursor 似乎感到困惑的事情，我会去 ChatGPT。这种组合效果很好，到一天结束时，我有一个反映我初始设计的前端（如下所示）。 ![](https://www.hubwiz.com/blog/content/images/2024/11/image-166.png) 第一天结束时的前端屏幕截图 ## 第 3 天：后端 到第 3 天，我已经编写了我的网站代码，但它什么也没做。下一步是实现后端。 我需要开发一个从 YouTube 视频记录生成博客文章的过程。使用 ChatGPT，我制作了一个生成博客的提示，并对其进行了修改，直到我满意为止。 然后，我将流程从 ChatGPT 移到 Python。我为此使用的两个主要库是 [YouTube Transcript API ](https://pypi.org/project/youtube-transcript-api/?ref=hubwiz.com)和[ OpenAI 的 Python API](https://pypi.org/project/openai/?ref=hubwiz.com)。由于我以前使用过这些库，因此我重新利用了现有代码以加快开发速度。你可以在[我的 GitHub 存储库](https://github.com/ShawhinT/YouTube-Blog?ref=hubwiz.com)中找到此类示例，例如，[转录提取](https://github.com/ShawhinT/YouTube-Blog/blob/main/full-stack-data-science/data-engineering/2%5Fget-transcripts.ipynb?ref=hubwiz.com)和 [OpenAI 自动化](https://github.com/ShawhinT/YouTube-Blog/blob/main/LLMs/ai-assistant-openai/assistants-api.ipynb?ref=hubwiz.com)。 到第三天结束时，我的机器上本地运行着一个正常运行的网站！ ## 第 4 天：部署 最后一天专注于部署我的应用程序。我设置了 [Google OAuth ](https://developers.google.com/identity/protocols/oauth2?ref=hubwiz.com)来管理用户登录，而无需处理密码等敏感信息，并确保用户是人类。虽然这听起来很简单，但我花了整个上午才让它工作起来 😅 接下来，我通过[ Squarespace](https://domains.squarespace.com/?ref=hubwiz.com) 购买了一个价值 70 美元的自定义域名，并使用 [Railway](https://railway.app/?ref=hubwiz.com) 部署了我的应用程序。我之所以选择 Railway，是因为 FastHTML 的文档中有一个[示例代码](https://docs.fastht.ml/tutorials/by%5Fexample.html?ref=hubwiz.com#deploying-your-app)可以做到这一点。 为了测试该应用程序，我用它来根据我去年主持的[播客](https://youtu.be/VKLLyv9cJSQ?si=zFLnJoTBOvKuic5D&ref=hubwiz.com)创建了一篇博客文章。虽然我通常需要 5-6 个小时才能从头开始写一篇这样的文章，但使用这个工具只花了我 1 个小时。我在 Medium 上发布了[最终的博客](https://youtu.be/VKLLyv9cJSQ?si=zFLnJoTBOvKuic5D&ref=hubwiz.com)，（到目前为止）它为我赚了 41.52 美元！ ![](https://www.hubwiz.com/blog/content/images/2024/11/image-167.png) 博客统计截图 ## 存在的限制 虽然我只花了四天时间就将这个应用程序投入生产（即运行并可在互联网上访问），但它仍然只是一个原型。以下是它的一些主要限制： - OAuth 用户必须在 Google Cloud Console 中手动设置 - 该应用程序没有数据库，因此用户可以无限制地使用它 - 没有 Stripe 集成，因此无法从中赚钱 我又花了 8 天时间制作了一个 MVP 版本…… - 任何 Google 用户都可以使用 - 使用指标存储在 SQLite 数据库中 - 设置了 Stripe 集成 - 登陆页面提供了演示、常见问题解答和定价。 你可以免费试用最新版本：[https://y2b.io/](https://y2b.io/?ref=hubwiz.com) ## 结束语 虽然数据科学家通常不会从头开始构建完整的应用程序，但当今的技术环境使这比以往任何时候都更容易实现。借助 FastHTML、Cursor 和 Railway 等工具，我可以快速构建和部署我的第一个 Web 应用程序，而无需任何 Web 开发经验。 对于那些正在考虑类似事情的人，我鼓励你直接开始并构建一个项目。在我看来，这是学习人工智能和软件开发的最佳方式。 --- 原文链接：[I Built an AI App in 4 Days — Here’s How I Did It.](https://medium.com/the-data-entrepreneurs/i-built-an-ai-app-in-4-days-heres-how-i-did-it-2eb805783377?ref=hubwiz.com) 汇智网翻译整理，转载请标明出处