手把手教：2小时用AI做一个官网

前言

Talk is cheap，先上链接 Sky Lingo App - AI-Powered Language Learning，这就是我用 AI 做的星空外语的官网。

自从创业做星空外语 App 后，让更多的同学知道这个好用的学外语软件，就是我们的生存之本。虽然现在是短视频时代，但是对于搜索流量，还是不能忽视，每一个渠道都值得珍惜。因此，我们打算升级一下我们的官网，让它更漂亮，对 SEO 更友好，能够成为我们的一个持续的获客渠道。

开工

1. 寻找模板

   1.   网页作为互联网时代最早的产品，现在已经非常成熟了，做一个官网，如果你重头开始，需求、设计、实现、测试、上线，那妥妥的一个大工程。好的设计都是心有灵犀的，好的官网也是相通的，那最简单的就是 -- 模板。于是，打开 GitHub，搜索【Web Templates】，找到了一个看起来不错的通用落地页模板。

2. 修改内容

   1.   作为正常的步骤，就是根据这个模板的源码，手动修改里面的内容，让它符合我们官网的要求。这样就要求你一个字一个字的去修改，一句话一句话的斟酌。有没有更简单的办法呢？那就是 AI ， 具体怎么做呢？只需要一句话：

   2. 把模板的 html 源码拷贝到这里
      ---------------------------
      以上是一个网页模板的源码，我现在开发了一个外语学习 App，名字叫 Sky Lingo，有以下功能：
      1. 可以一对一的对话
      2. 实时的发音和语法反馈
      3. 可以对作文进行批改，并给出修改意见
      4. 200+ 真实的生活场景可以练习
      请根据模板源码，生成一个 Sky Lingo App 的官网，以 Code Block 的形式返回。
      

不一会，返回修改后的网页源码，Copy 直接替换原来 html 源码，刷新查看，你会发现它已经做了以下事情：

1. 帮忙把首页的文本，Slogan，主要功能全部替换

2. 把用户评论的内容也替换了

3. 把主要的功能替换了，并且 emoji 图标也替换了

4. Copyright，下载地址，链接等都替换了

优化

1. 图片替换

   1.   根据 App 的原有资料，替换 Logo，功能图片，截图。自此，整个网站有模有样，内容图片都合适了。

2. SEO

   1.   重新 Copy 整个 html 源码，放到 AI 里面，提示给我做 SEO。AI 返回 SEO 优化过的源码，再次 Copy 替换，整个网站完成。

总结

做这个官网，花最多的时间是找模板，写提示词，图片替换原尺寸也花了一点时间。这样，一个像模像样的官网做成了，你说它提效不提效？