如何7天内用AI编程神器Cursor搭建个人网站？

大家好，我是狂师。 今天我们来分享一下，如何利用AI编程帮助我们开发一款个人定制网站，保姆级教程，篇符较长，建议先保存收藏。 这篇文章，将从0到1，讲解如何利用AI编程开发并上线一款个人网站产品，包括正式上线网站时，会涉及到哪些关键工作和AI编程要点，内容划分为： 开发背景 成果展示 产品定位 产品需求分析、功能梳理 设计思路、技术方案确认 项目开发 生产环境部署方案确认 ICP备案与公案备案 生产环境部署 产品上架 1、开发背景 在日常工作生活中，我们经常会借助不同的工具来提升效率、辅助解决各类问题，特别是随着AI技术的快速发展,各种AI工具和应用层出不穷。 相信大部分人或多或少都会利用浏览器收藏夹或是其它方式，收藏保存了很多工具（我自己的几台电脑里，同样也收藏了很多工具）。 但随着收藏工具增多，容易形成 “收藏即吃灰” 的情况，尤其是缺乏分类习惯时，收藏夹会变成无序的 “信息仓库”，查找特定工具需逐一遍历，耗时费力。并且收藏夹通常仅保存链接和名称，难以记录工具的核心功能、使用场景或个人评价（如 “适合新手但导出功能收费”），导致后续复用率低。 而作为一名开发者，亦或是一名创作者，我深感需要一个专业、好用的导航平台，帮助我能快速找到并了解各类工具、资源。市面上虽然也有很多工具导航网站，我也体验了数十个，但整体下来，没有一个比较满意的，而且市面上的导航网站，大多都是采用爬虫的方式获取数据， 不味地追求工具数量，爬取堆砌了很多无用，不好用，甚至失效的工具。 于是萌生了开发一个工具导航网站的想法，并且现在AI编程这么火爆，不如就借助AI编程来开发设计一款全新的、完全由自己定制开发的导航网站。 说干，就动手吧~ 这算是今天这篇文章的开发背景了。 2、成果展示 在此次开发过程中， 我选择了 Cursor 这款AI辅助编程工具。借助 Cursor 在整个开发期间，确实极大的提升了我的开发效率。 整个网站，采用的是前后端分离开发架构，除了用户端访问的前端网站外，还开发设计了一套后台管理系统，主要是用于发布上架产品以及后台配置、数据分析运营等用途。 整个项目从0到1开发到上线，花了大概7天的时间(包括备案在内)，并且这7天内，我也并非所有的时间All in在里面。 我测算了一下，如果没有利用AI编程，按照现在开发出来的功能，全靠手撸代码的话，按照目前每天能在编程上投入工作量，全程预计需要花费11.5个月左右，也就是说，AI编程让整体开发**效率提升了至少46倍**。 2.1 网站基本信息 网站名称： 快捷导航 访问地址： https://www.kjdaohang.com 或 https://kjdaohang.com 网站访问地址为快捷导航名称的缩写 网站介绍： 一款现代化的工具导航网站，帮助用户快速找到并使用各类在线工具和资源。集成了AI搜索、分类浏览、教程学习和个性化定制等功能，打造高效便捷的工具发现平台。 2.2 前端主要功能 目前网站前端上线的第1个版本，主要功能特性有： 1. 支持分类导航： 支持多级分类结构，方便用户查找工具，覆盖AI、办公、开发、测试、设计、运维、自媒体创作等多领域优质工具。 2. 工具卡片展示： 美观的卡片式布局，显示工具详情、标签等信息 3. 支持多引擎搜索： 站内搜索： 基于工具名称、描述和标签的全文搜索， 搜索网站收录的工具 AI搜索： 集成知名AI搜索引擎 (纳米AI、秘塔AI、文心一言等) 搜索引擎： 集成主流搜索引擎 (百度、Google、Bing、GitHub等) 4. 支持直接跳转功能： 考虑用户体验，我们增加了直达链接即可直接跳转到目标网站的功能，提高了访问效率，减少了繁琐的步骤。 5. 支持工具详情介绍: 通过工具详细页，方便用户了解工具定位、基本介绍、核心功能特性等。 6. 最近使用记录： 即使未注册，用户也可以方便地查看自己最近使用过的工具记录，借助浏览器Cookie实现，极大提升了访问便捷性。 7. 支持查看最新上架、最受欢迎的工具: 基于时间、访问量、相关性、热度等排序算法展示。 8. 支持用户互动功能： 支持用户注册、登录，并对喜欢的工具进行点赞、收藏。 9. 支持工具收藏： 可在工具详细页上通过点击星星图标进行添加或取消收藏，将喜欢的工具，收藏到在我的收藏页中，并在收藏页中支持一键直达目标网址。 10. 支持用户自定义网址： 用户能在我的导航->自定义网地址，轻松自定义自己常用的工具网站，实现个性化导航。 11. 支持工具历史访问记录： 用户可以在我的导航->我用过的，查看自己最近使用或访问过的工具记录。