最近有兴趣做一个工具站,想到去年也做了几个,都没成功,现在又想重新试试,搞起来。其实整个流程去年我就已经跑通了,今年第一个站,先试试流程,配合上 AI 的辅助,一整条流程下来 2 小时部署完成,不算难事。
其中最难的是「寻找关键词」,这个是重中之重,在这条路上,我还在摸索。
寻找关键词
其中最难的是「寻找关键词」,这个是重中之重,在这条路上,我还在摸索,最关键的一步可能耗费 1 天、2 天、3 天都有可能。
先想好你这个页面是要做啥的,比如“AI 写作”、“短视频剪辑工具”、“狗狗美容教程”之类的。选一个你想做的核心关键词,后面所有内容都围绕这个来做。
我已经想好了一个关键词,接下来要做的就是开发、部署。
围绕关键词开发项目
把所有需要注意的点都扔给 AI ,让它给你启动一个 Next.js 项目,因为我本身就有 Next.js 项目,所以我把没用的删除掉,让它重新构建一个新的就可以。
以下是我的关键词:
1 、重构当前网站,我这是一个 next.js 的网站。2 、把所有没用的数据、文件,都可以删除,即使是 package.json 也可以清除没用的包。3 、制作一个页面,我这个页面围绕「***」这个关键词来做。4 、我需要发布到 vercel 中。需要实现的功能:1 、2 、3 、功能的实现需要使用 API 接口,你看使用哪家的合适,你认真选择一家,付费也是可以的,但不能太贵,最终给我留下可以配置 API key 的入口就可以。最终要验证一下开发、构建是否成功。根据以上内容,依次完成所有功能。你可以完全操作这个项目目录。
根据以上提示词,我的 cursor 配合 claude-4-sonnet ,跑了 10 分钟左右,最终才跑完。
微调页面
根据关键词,微调下页面内容和样式:
- 字体大小调整添加一些小动画、过渡效果(可以用 Framer Motion )让页面简洁,但也要有点质感
制作 Icon
可以使用 阿里 icon 库,找一个合适的 icon ,下载 svg ,让 cursor 帮你配置 ico 图标。
- 搜关键词,比如“AI”、“文档”、“写作”下载 SVG在项目里直接引入组件或者当 img 用
部署到 Vercel
我的项目是 Next.js ,使用 Vercel 托管平台是非常方便的。
- 把项目推到 GitHub 或 GitLab 。去 vercel.com,登录 GitHub 授权。创建新项目,选你这个 repo 。自动构建 → 成功就能访问三级域名,比如:
myai.vercel.app
。你只需要在 .env
中设置一个 API_KEY ,代码里配置好就能用了。部署成功以后,Vercel 会给三级域名,不过为了更好的拿到排名,我们需要去购买一个顶级域名,建议买个 .com
、.cn
的顶级域名。
购买域名
在 godaddy.com 购买域名,去掉自动续费,解析上线。
- 去 godaddy.com搜一个短一点、跟关键词相关的域名买下来(记得关掉自动续费)去 Vercel 设置里添加这个自定义域名配好 DNS ,等几分钟就能访问啦
额外要做
- 加 SEO 元信息(
<meta>
标签)优化关键词提交到 Google Search Console看看能不能做个 Newsletter 或用户表单每天持续更新内容或优化功能(对搜索排名也有帮助)成果
最终,我完成一个在线翻译工具,名为 Shakespearean English Translator ,可以将现代英文翻译成莎士比亚风格的古英文,也支持反向转换。用户只需在左侧输入现代英文,点击“Translate”按钮,右侧就会显示翻译后的莎士比亚英文。
比如:输入:Hello, how are you today? I hope you are doing well.翻译结果:Good morrow! How dost thou fare this day? I pray thee art in good health.
访问地址: https://shakespearean-english-translator.com
界面简洁,使用方便,适合做创作、戏剧台词、写作等场景。