用 AnyGen 生成了一个 AI 提示词效果图网站

查看 8|回复 0
作者:rocyhua   
  • 1 、原因:

    最近一个月很热衷于 nano banana 文生图 的效果,看各位国内外大神们的各种提示词调整 nano banana 生成图片的效果,但是苦于经常看了又忘,有代码、有图片不好整理,所以就想着干脆搞个网站收录一下。
  • 2 、想法

    -- 其实,刚开始的时候,想着干脆用 wordpress 或者更简单的 typecho 搭建一下算了,可这俩有点玩腻歪了,而且之前买的国外服务器已经过期不想续费了,国内的服务器还得备案。
    -- 所以,趁着 AI 的东风,看看是否可以通过 AI 生成网站部署到 github 或者 cloudflare 上。
    而且正好无意间发现了 AnyGen 这个代码生成平台,试了一下几个静态网页,效果不错。而且介绍了两个哥们注册、送了一个月 Pro ,心想可能能成。
  • 3 、开始干

    -- 1 、构思域名,围绕 Prompt (提示词) 组合反复查询是否可以注册,最后选定了域名:promptwisp.com ,意思就是“像烟一样的一缕提示词”,尴尬。就它吧!
    -- 2 、注册域名,本来想在 cloudflare 注册,后来选择了 阿里云,主要是方便统一管理。
    -- 3 、在 AnyGen 上输入提示词进行搭建,这个过程就是反复的输入、预览、修改。
    -- 4 、在 AnyGen 看到预览效果差不多的时候,告诉 AnyGen 需要部署在 GitHub Pages 上,而且需要方便新增维护(主要是新增 AI 提示词、对应的效果图),让 AnyGen 生成直接用于部署的 zip 文件压缩包。
    -- 5 、GitHub 上创建 Pages 、绑定域名、上传文件。
    -- 6 、其他魔改:放上了 Google Adsense 、添加了 Stripe Donate 按钮。主要是为了测试一下完整的工作流。
  • 4 、效果



  • 5 、反思

    -- 对于我这种不会 coding 、想法很多的人来说,AI 提供了极大的便利,有一些“另辟蹊径”的满足感。
    -- 准确的告诉 AI 如何做、给 AI 一份 PRD 文档,对于我来说,AI 能替代一个初级程序员朋友/同事。
  • 6 、涉及的网站

    -- AI 生成网站代码 https://www.anygen.io/
    -- 网站代码部署 https://github.com/
    -- 效果预览 https://promptwisp.com/
  • 您需要登录后才可以回帖 登录 | 立即注册

    返回顶部