惯性聚合 高效追踪和阅读你感兴趣的博客、新闻、科技资讯
阅读原文 在惯性聚合中打开

推荐订阅源

OSCHINA 社区最新新闻
OSCHINA 社区最新新闻
博客园 - Franky
T
Tailwind CSS Blog
Microsoft Azure Blog
Microsoft Azure Blog
The Cloudflare Blog
博客园 - 叶小钗
N
Netflix TechBlog - Medium
罗磊的独立博客
量子位
MyScale Blog
MyScale Blog
A
About on SuperTechFans
Blog — PlanetScale
Blog — PlanetScale
V
Visual Studio Blog
Cyber Security Advisories - MS-ISAC
Cyber Security Advisories - MS-ISAC
GbyAI
GbyAI
B
Blog
腾讯CDC
爱范儿
爱范儿
Recent Announcements
Recent Announcements
有赞技术团队
有赞技术团队
F
Fortinet All Blogs
雷峰网
雷峰网
G
Google Developers Blog
Google DeepMind News
Google DeepMind News

少数派

派早报:Google 发布 Fitbit Air 等 - 少数派 「新人报到」確認需求,再開始 - 少数派 从 SOLO 独立开发者社区,我看到了越来越多开发者开始做自己的产品 - 少数派 我怎么管理那些"不常做,但总会忘"的生活事项 - 少数派 人形机器人量产元年,数据才是具身智能的“生死线” - 少数派 BuhoLaunchpad 高度还原 Mac 启动台:开发历程与思考 - 少数派 五年陪伴依然不舍,DIY 换壳后让罗技 MX Master 3 继续服役 - 少数派 新玩意 240|少数派的编辑们最近买了啥? - 少数派 一日一技|为什么你应该关闭 iOS 的键盘声音 - 少数派 我做了个插件和 Skills,一键提取任何网站的设计规范 Design.md - 少数派 住在三四线城市的你,该开始录播客了 - 少数派 甘南秘境,大白高国 - 少数派 AI的审美:谁让把我变成川内倫子 - 少数派 返工怎能不烦恼,打工人片单总有一部是你的「嘴替」 - 少数派 为了让「上厕所」更健康,我做了一个小工具 - 少数派 AI + Skill,能够让生成的文章去除 AI 味吗? - 少数派 新玩意|韶音OpenDots ONE 耳夹式耳机 - 少数派 《美满》| 在每一个春天的晚上相爱(362) - 少数派 新玩意|优篮子 PS01 MagSnap 磁吸支架 - 少数派 自我整合手记 | 我开始早睡了:用稳定规则,为自由托底 - 少数派 用龙虾(OpenClaw)两个多月,我最深的12个体会 - 少数派 听歌时间到,12 张你可能错过的 2025 华语乐坛好专辑 - 少数派 承诺能追吗 - 少数派 macOS 26启动台没了? 我做了个不一样的App启动器 - Keboard - 少数派 《四海为家的人》| INTJ对话INTJ(361) - 少数派 你发过的那些黑历史,是时候一次清干净了 - 少数派 新玩意:安安静静玩,越玩越专注:计客密码机 - 少数派 iPad 用户首次体验 Android 平板:vivo Pad6 Pro - 少数派 数据逻辑强 - 少数派 极北行+ | 一路向北,探访日本至北之地 | 001 - 少数派
【王炸教程】纯 AI 5 小时生成网站,实现海外网页搭建部署 - ...
2025-05-30 · via 少数派

最近想做些东西,动起来,实现睡后收入的目标

然后看到了哥飞老师的公众号文章,深有体会:

  • 做 seo 出海网站就和种树一样,最好的时间是十年前和现在
  • 出海网站最终形态会形成以个人为核心的产品矩阵,这个才是个人竞争力的终局

海外的网页功能有很多啊:

  • 海外建站,产品宣传
  • 搭建个人博客等内容矩阵
  • 搭建工具站,赚广告流量钱

那么在这个 AI 赋能的时代,没有代码能力,能不能随心所欲得搭建网站

答案是肯定可以的!

先说一下个人背景,说明大家也可以做:

  • 略懂算法
  • 4 年工程经验
  • 前端经验约等于 0

写网站其实大部分需要的是前端能力,我的前端能力可以说是没有

先给大家看看我的网站效果:

  • 首页
  • 文章页:
  • 工具对比页:

可以看到完成度非常高,目前是完全可用的,后续我也不打算大改,只是发布文章这些了

网址我也放这:https://www.everysync.work/?lang=zh(由于服务器在海外,可能有点卡)

核心的问题实际上就是下面几个:

  • 搭建什么样的网站?
  • 网站怎么搭建
  • 网站怎么部署
  • 怎么变现

我们这篇文章主要就讲中间的和网站构建有关的内容吧

网站搭建与部署

首先先列一下工具列表:

其实简单的网站这两个绰绰有余

网页设计

打开 v0之后,直接和它对话:

然后它简单生成了一版:

但是我觉得很丑,就直接和他说:

然后它就给了一版更好看的给我:

后来我想清楚了我的需求:做一个视频口型同步的 ai 工具评测网站

我甚至都没有说我要什么分区,有什么功能,他直接自己思考,给出了最合适的网站结构和页面:

可以看到整个网站的大致架构已经非常清晰了

在整个过程中,其实我们要做的东西不多:

  • 明确需求是什么,简单和 ai 说就好
  • 针对页面不满意、没有写的页面、出现的问题,直接截图或者和 ai 说,都能获得不错的效果

链接数据库

针对一些复杂一些的功能和需要长时间记录的数据,我们是绕不开数据库的,刚好 v0 作为 vercel 的 ai 功能,继承了平台的所有功能,可以一键连接到 supabase 数据库的同时,ai 还能帮你建表以及处理数据库和网页功能的关系

先点击 intergrations

然后选择supabase 就好,然后一直点继续、ok

然后继续回到对话框和 v0 说:

他会帮你把数据库的 sql 都写完,并且和当前的网页代码做结合,你唯一需要做的就是点 run

网页部署

其实部署这一个步骤也很简单,v0背靠 vercel,也支持一键部署的能力,点击即可

因为我有一个自己的域名,我还多了一个 add a domain 的操作,但是也不复杂

点击 Add a Domain 之后,一步步继续即可

关于问题排查

如果出现问题,v0 都会有按钮,直接点fix with v0即可

如果没有按钮,复制到对话框,一键修复

更多内容可关注我的公众号:木东AI