简介

前段时间AI编程工具超级火爆，各种“一天上线”的自媒体文案层出不穷。根据老狗的了解，一天内上线的只有可能是网站，并且是极其简单的网站！ 那么，一天上线一个网站到底需要做哪些事呢？今天老狗就来详细地给大家介绍一下，一天上线一个网站需要完成的全部工作！

上线结果： https://imgpro.oldmoon.top

简单聊一下上线的这个网站：“老狗图片处理厂”，英文名暂定为：“Image Processing”。顾名思义，主要是提供一些图片处理工具，帮助使用者快速处理图片的网站。

关于这个网站，老狗目前设想的功能有：图片加水印、图片裁剪、图片格式转换等等。（PS: 当然不可能一下全部上线，这都是后期的展望，先做了个图片加水印的工具）。提供这些功能的同时，老狗最大的想法是：无服务端支撑！ 也就是说，任何工具的功能全部由前端 (浏览器) 完成，用户无需将任何图片、文件发送到服务器上！这才是老狗最大的目标。

回到现在，目前这个网站一天内实现了哪些功能呢？简单概括一下：

• 网站首页 + 基础布局；
• 图片加水印工具页面；
• 上线（域名 + DNS Cloudflare）；
• 自动部署（Github + CloudFlare）。

想要了解老狗具体是怎么实现的？怎么在一天之内完成的？一天之内完成的前置条件是什么？请继续向下阅读吧！

前排提示： 接下来会分不同领域的技能介绍一下你需要了解的知识，最后会有总结。如果不详细看，可以直接滑到最后！）

提示： 想要 “老狗图片处理厂” 源码的朋友，可以关注公众号“月上老狗”，发送 “老狗图片处理厂” 即可获得代码下载链接！

关注公众号"月上老狗"，阅读更多有趣文章。

源码开发

1. 框架模板准备

首先，如果你想让一天上线的项目易于维护，后期方便拓展，那么必然少不了开发框架和开发模板的支持！

比如今天的主角 “老狗图片处理厂” 的开发框架是：Nuxt3 + Tailwindcss + Vuei18n。 有了框架还不够，你应该拥有一个配置好基本设置的空项目，也就是人们常说的开发模板！ 有了一个理想的开发框架和开发模板后，当你想要开发一个新项目，并且发现刚好可以在这个模板基础上开始工作时，这将省去你非常多的开发环境搭建时间！

当然，这对于身经百战的你来说，想必是轻松拿捏，这里就不再过多赘述了！

所以： 如果你想要一天上线一个应用，你大概率需要准备一些常用的代码模板，以便快速启动！

2. AI写源码

由于这部分相对具体，也可能是很多程序员朋友们比较关心的方面，所以就稍微详细一些，具体操作方式如下：

有了开发模板，接下来的事情就简单了！目前网站中只需要有两个页面：主页、水印工具页。

接下来只需要在脑海中构思出这两个页面的样子，以及具备的功能，然后告诉AI工具你的想法就可以了！当然别忘了告诉它基于 Nuxt3 + Tailwindcss 实现，否则AI给出的结果可能和你想的完全不一样！另外，让AI帮你干活的时候，可以适当加上一些PUA话术，比如： “请适当优化一下页面，使其更美观”，哈哈哈哈，如果AI比较“懂事”，它可能会给出让你眼前一亮的结果！

注意： AI给出的第一版代码往往达不到理想的效果！不要气馁，只要告诉它哪里不符合你的心意就可以了！让AI尽可能地帮你修复不理想的问题，能不亲自动手就不亲自动手，主打一个“好吃懒做”（误）！

当然，相信你最终有很大的概率会发现，AI并不能完全实现你想要的效果，还是需要自己动手！（天杀的自媒体，全是“标题党”！） 比如：图标、字体、间距、布局等等细节方面，AI可能并不能完全满足你的要求！ 所以老狗得出一个结论：不懂编程还是不行啊！

网站简述： 网站中有两个页面，页面中有共同的页头 (header)，并且页头中包含语言切换选择器；主页中有简介和工具卡片，点击水印工具会跳转到水印页面。 还有页脚，截图中没展示出来，包含部分及时具体的编程技能。

提示： 想要 “老狗图片处理厂” 源码的朋友，可以关注公众号“月上老狗”，发送 “老狗图片处理厂” 即可获得代码下载链接！

所以： 如果你想要一天上线一个应用，你至少需要了解你所选择的编程语言/框架，以防出现一些AI无法解决的问题，可以自己手动快速解决！

Github 仓库

现在写代码，当然需要一个Git服务器了。 为什么要用Git呢？ 因为开发代码经常需要改动，有时会出现“这次改动的不对，想要恢复上一个版本”的情况，一般而言Git就是用来解决这个问题的，因此Git已经是程序员的必备技能了！

那么 Github 是什么？ 简单来讲：Github 是一个免费的Git服务器！ 对于大多数个人开发者来说，可以选择 Github。 如果国内用户无法访问，此时你可以尝试使用 Gitee，但具体效果老狗不过多评价，懂的都懂哈！ 不懂的也不需要懂~

所以： 如果你想要一天上线一个应用，你大概率还需要了解Git相关技能！

老狗使用的是Github仓库

域名与DNS

说到域名和DNS，可能对于很多不了解互联网开发的朋友来说有些陌生，但这也是一个网站、APP上线的必备技能！ 这些知识就需要你的知识储备了，所以对于一个纯新手来说，一天内几乎不可能！ 而且这些知识更倾向于实操，三言两语并不能完全讲明白，在这里老狗就不赘述了。

老狗之前就将域名托管到了 CloudFlare，这也是老狗一天内上线这个网站的一大助力！ 为什么选择 CloudFlare，详细情况请往下看。

所以： 如果你想要一天上线一个应用，你还需要掌握域名和DNS相关知识与操作方式！

服务器与部署

如果你是程序员，想必都知道服务部署需要一台服务器，但老狗前面说了“无服务器”，这是怎么回事呢？ 因为有一些厂商会提供静态站点托管的服务，目前老狗常用的有：GithubPages 和 CloudFlarePages。 其他还有一些服务商提供这个功能，更多信息请你自行了解！

前面提到 “老狗图片处理厂” 的目标是 “无服务端” 的站点，因此可以看作是静态站点，所以可以使用这类静态托管服务，无需自己准备服务器！

至于服务器的选择，以及如何部署，就取决于你最终的选择了。 老狗这里选择了 CloudFlare Pages，有三个原因：

1. 相对于其他服务商，老狗更熟悉 CloudFlare，而且域名也很早就托管到了 CloudFlare；
2. CloudFlare Pages 可以连接到 Github 仓库，实现网站自动更新升级！
3. CloudFlare Pages 升级更新后，DNS同步更加快速！ 这一点相对于 Github Pages，老狗觉得 Github Pages 就是个“鸡肋”！

当然，确定使用 CloudFlare Pages 后，你还需要掌握对应的操作方式才能够完成部署，不过这部分并不难，只要你的域名在 CloudFlare，相信一小时内就可以掌握。

提示： 想要 “老狗图片处理厂” 源码的朋友，可以关注公众号“月上老狗”，发送 “老狗图片处理厂” 即可获得代码下载链接！

所以： 如果你想要一天上线一个应用，你还需要了解你的应用部署方式，选择合适的部署方案！

总结

综上所述，如果你想要通过AI编程一天上线一个服务，老狗认为你至少需要具备以下知识或技能：

• 明确的目标，尽可能清晰地描述出你的需求和想要的结果（需求 + 设计）；
• 了解基本的项目和代码管理，能够自主进行一些调试工作，最好能找出问题（项目/代码管理）；
• 了解你要使用的编程语言，可以实现一些简单的问题修改（编程技能）；
• 了解域名、DNS相关概念及基本操作（互联网技术基础知识）；
• 掌握服务性质及常见部署方式（实施技能）！

好了，这就是现阶段老狗认为你想要一天上线一个服务，至少需要具备的知识或能力！ 当然这些知识并不需要你精通，但你至少需要了解这些知识，能够亲自动手去完成这些岗位的一些基础工作！何况一天内上线，一定会有大大小小的问题需要修复，后续修复工作也需要相关技能！

所以你看，其实想要实现一天上线一个产品，并没有那么简单！ 以 “老狗图片处理厂” 这么一个简单的网站来说，都需要涉及这么多的知识点，如果是复杂一些的网站，难度将会倍增！ 更不用说 APP 类的手机应用了，想要应用上线各种 APP 商店就不可能在一天内完成！ 所以能够一天上线的，主要还是针对网站，而且网站的功能需要非常简单才有可能在一天内上线！

最后老狗想说，AI其实并不会取代大多数人，而是让大多数人的能力得到巨大的提升！ 但这也需要你去拥抱AI，掌握AI！ 所以，老狗建议大家 不要排斥AI！ 因为这是时代的进步，如果你选择对抗时代，那被淘汰的必定是你自己！

提示： 想要 “老狗图片处理厂” 源码的朋友，可以关注公众号“月上老狗”，发送 “老狗图片处理厂” 即可获得代码下载链接！