使用Cursor 5分钟完成一个专业网站首页

本来想计划做一个小页美的景点网站，产品还是思考设计中，域名备案就已经申请下来了，那就先挂个首页内容吧。

原先是想手撸几行HTML代码，放个站点名再加几个“正在路上”的文案，又感觉太Low了，这么正好赶上有Cursor么，让它写个放上来应该很省事。

想要了解怎么使用cusor，可以看我收集的这里内容《Cursor教学》，内容精简，也就几篇功能介绍、使用技巧，以及如何免费使用。

第一步 写提示词丢它

说干就干，反正就三五分钟的事，先写个大概提示词，其实也没怎么认真写，就花了几分钟写了下，如下：

你是一个集前端开发专家、交互设计师、产品经理为一体的全能手，现在需要帮我做一个网页，这个网页是一个临时网站首页，这个产品主要介绍杭州西湖的各景点，包括景色、文化、历史、活动、游玩路线等等，因为产品还在开发中，所以需要临时开发一个网页。

#内容要求：
1、网页的内容是关于杭州西湖景点内容的，你可以从网上搜索相关最新最热门信息作为首页临时内容；
2、内容不需要多，但是精致；
3、网站名字叫”西湖美“，网址是xihumei.com，底部需有页脚用于放版权、备案信息等；
4、网站体现更多内容即将到来，引起访问者的好奇；
5、网站需要体现大气、专业，面向年轻人；

#其他要求：
1、仅做一个临时首页，不要用复杂的前端框架，仅用原生的html/css/js
2、支持自适应，特别是手机端查看；
3、内容支持中英文切换；
4、相关内容不需要我来填，你可以从网络获取，按照自己的理解整理出来，因为是首页，所以内容的展示，你作为产品经理有自己的思路；
5、你可以有自己的任务拆解，按照自己的计划来，但是所有功能一次性输出结果，中间不要停下来询问我。

1分钟没到，基本就做完了。打开一看，我去，超出我的期望，唯一不足的是内容太官方，估计Cursor理解我要做一个官方景点网站，连标题都带“杭州西湖官方景点网站”，这不符合我的要求啊。

第二步 调整内容

内容不符合，就让它调整吧，把它当作一个开发人员来使就行了，接着输入提示词，就平时跟协同人员交流一样，把你的想法传递它，同时让它把图片补上去，提示词如下：

这不是一个官方的网站，是民间网站，虽然需要体现很大气和专业，但不能觉得太严谨离大众很远，需要接地气一点，让人觉得平易近人。所以内容你需要站在用户角度调整下。
另外，我看到你网页上有很多板块是放图片的，请找到合适的图片放到images下面，并配置好页面上，可以展示出来。

于是它就吭哧吭哧去修改内容了，20秒就改完了，这回内容很符合我要求了，而且网站标题、slogan 等都帮我写地很符合主题，堪比专业运营写的了。

但是图片它搞不出来了：

不过它给出了一些图片的要求，也就几张图，随便网上找几张配一下就行了，先不管版权问题。

图片一加上去，效果就出来了，很不错！

最后，看到左上角的”西湖美“感觉有点单调，想让它加个logo，马上想到用印篆效果不错，不过试了几次让它帮我生成一个印篆，试了几次都不行，它的思路是生成svg图（svg不是单纯的二进制数据，是结构化描述数据），怎么生也不好看，估计不理解印篆为何物，艺术化的效果也做不出来。

好吧，只能手工去找个生成印篆网站生成一个，这里花了几分钟时间。

第三步 完善页脚、部署

印篆弄好就差不多了，修改了下页脚，增加备案信息，就完成了，总共花了10多分钟，写提示词几分钟，用Cursor生成内容5分钟不到。

具体效果，访问网站：https://xihumei.com（西湖美），大家可以试试切换语言、缩小放大浏览器、手机上观看，效果非常赞，关键是内容都是它帮写地很好！

后面等我把产品思路理清楚了，再来正式入手，估计大部分工作还是让Cursor来做，不过要体系化设计，做好整体计划和步聚，让再一步步来，不然怕它记忆不够用，做到后面会乱来，到时候再把我的过程分享出来给大家看。