跳至主要內容

03-使用 AI 开发一个属于自己的网站

AI悦创原创2026/7/16大约 15 分钟...约 4587 字

1. 准备工作

1.1 清单🧾

  • 购买域名

    域名命名并没有绝对的标准，但优秀的域名几乎都遵循以下几个原则。如果按照重要性排序，我建议是：

    1. 简短（最重要）⭐⭐⭐⭐⭐

    越短越好，输入方便，也容易传播。

    例如：qq.com、x.com、github.com、taobao.com，而：my-awesome-personal-programming-website.com 太长基本没人愿意输入。

    一般建议：

    • 5～12 个字符最佳
    • 不超过 15 个字符

    2. 容易记住

    看到一次就能记住，例如：google.com（自造词）、baidu.com、apple.com、cloudflare.com，而：abc123xyz.com、qweasdzxc.com 基本没有记忆点。

    3. 容易拼写

    别人听一遍就能输入出来，例如：bornforthis.cn 基本没有歧义。

    反例：xuanxuanzhizhishi.com 别人很容易拼错。

    建议：

    • 尽量使用常见英文单词
    • 或者常见缩写
    • 不要使用生僻单词

    4. 容易发音

    如果别人能读出来，也更容易传播。

    例如：openai.com、vercel.com、notion.so 读起来都比较顺。

    5. 与品牌一致

    域名最好就是品牌。例如：

    • 品牌：AI悦创
    • 对应：aiyc.cn、aiyc.com、aiyuechuang.com

    或者：bornforthis.cn 长期来看品牌价值最高。

    6. 不要使用数字

    除非数字就是品牌。例如：360.cn、58.com、51job.com

    否则：python888.com、learn520.com 都会降低专业感。

    7. 不要使用连字符（-）

    例如：my-blog.com 别人容易忘记有没有 -。

    推荐：myblog.com

    8. 尽量避免缩写

    例如：aiyc.com 对于熟悉品牌的人没问题。但是：btf.cn 别人根本不知道什么意思。

    除非：IBM、BMW、KFC 这种已经成为品牌。

    9. 选择合适的后缀

    一般推荐顺序：

    后缀推荐指数适用
    .com⭐⭐⭐⭐⭐国际品牌、商业
    .cn⭐⭐⭐⭐⭐国内品牌
    .io⭐⭐⭐⭐开发者、AI、SaaS
    .ai⭐⭐⭐⭐AI 产品
    .dev⭐⭐⭐⭐开发工具
    .app⭐⭐⭐⭐App
    .org⭐⭐⭐开源、组织
    .net⭐⭐⭐网络服务

    如果预算允许，建议同时持有：xxx.com、xxx.cn

    10. 避免侵权

    例如：openaichina.com、applephone.com、tesla-ai.com 都可能涉及商标风险。

    11. 方便 SEO（现在权重较低）

    以前大家喜欢：best-python-course.com，现在 Google 更看重内容质量，而不是关键词堆砌。

    所以更推荐：codemark.com，而不是：best-python-learning-platform.com。

    12. 留出品牌扩展空间

    不要把业务写死。例如：如果现在卖课程：pythoncourse.com，以后做 AI、工具、社区，就显得局限。

    而：bornforthis.cn，可以承载：博客、社区、AI、课程、SaaS、开源项目等，扩展性更强。

    13. 一个优秀域名通常满足的标准

    给自己打分（每项 1 分）：

    • ✅ 少于 12 个字符
    • ✅ 一次就能记住
    • ✅ 不需要解释怎么拼
    • ✅ 不含 -
    • ✅ 不含数字（特殊品牌除外）
    • ✅ 品牌一致
    • ✅ 发音自然
    • ✅ 不侵权
    • ✅ .com 或 .cn 可注册
    • ✅ 五年后仍然适用

    能达到 8 分以上，通常就是一个很不错的域名。

1.2 收集网站风格

不收集的话，就只能让 AI 来设计并开盲盒。

去网络冲浪🏄，看看有没有喜欢的博客。都把链接收集下来先。整理到语雀上，然后上课之前分享给我。「清华直博整理的」

1.3 Codex 网络经常性的重试

1.3.1 查看代理端口

没有启用的，进行启用即可。

1.3.2 修改的 prompt

下面是完整的四条提示词。所有切换完成后，都应按 ⌘Q 完全退出并重新打开 Codex。

1. 使用当前独立端口

请在我的 macOS 上把 Codex 配置为独立代理端口模式：HTTP(S) 使用 127.0.0.1:7899，SOCKS5 使用 127.0.0.1:7898。先确认两个端口正在监听；保留 ~/.codex/config.toml 的所有现有内容，只在已有的 [shell_environment_policy.set] 中设置大小写 HTTP_PROXY、HTTPS_PROXY、ALL_PROXY、NO_PROXY，其中 HTTP/HTTPS 使用 http://127.0.0.1:7899，ALL_PROXY 使用 socks5h://127.0.0.1:7898；同步设置当前登录会话的 launchctl，并为当前活动网络服务开启系统 HTTP/HTTPS 代理 7899 和 SOCKS5 代理 7898，保留 localhost、局域网和 *.local 直连。不要开启 TUN，不要修改无关配置。最后验证 TOML、系统代理和 chatgpt.com 连通性，并提醒我完全退出后重启 Codex。

此模式下保持开启：

  • HTTP(S)：7899
  • SOCKS5：7898

Mixed 7897、Redir 7895 和 TUN 均可关闭。

2. 开盲盒做出第一版网站

2.1 初代提示词

如果不给 AI 任何自己喜欢、参考的网站，那就只能开盲盒了。为了一开始更贴近自己想要的网站，给 AI 提供自己中意的网站。

如何把自己整理的网站给 AI？

  • 形式 1：给每个网站的截图➕对应想要的点；（复杂些，但准确性高）
  • 形式 2：直接给 Codex 每个网站链接，让 Codex 自行提炼总结，设计出网站。（准确性没有形式 1 高，但是轻松。）
  • 形式 3：结合形式 1 与形式 2，万事开头难，先让 AI 快速开始，后续使用针对性的描述进行改进！

2.2 效果预览

2.3 推送到 GitHub 仓库

2.3.1 创建 GitHub 仓库

2.3.2 将本地文件绑定远程 GitHub 仓库

  1. 启动终端：

  2. 切换仓库指令到 SSH：

  3. 开始绑定远程仓库：

    修改
    echo "# CodexWeb" >> README.md  # 不要、不要执行
git init
git add README.md # 改成: git add .
git commit -m "first commit"
git branch -M main
git remote add origin git@github.com:AndersonHJB/CodexWeb.git
git push -u origin main
公众号：AI悦创【二维码】

AI悦创·编程一对一

AI悦创·推出辅导班啦，包括「Python 语言辅导班、C++ 辅导班、java 辅导班、算法/数据结构辅导班、少儿编程、pygame 游戏开发、Web、Linux」，招收学员面向国内外，国外占 80%。全部都是一对一教学：一对一辅导 + 一对一答疑 + 布置作业 + 项目实践等。当然，还有线下线上摄影课程、Photoshop、Premiere 一对一教学、QQ、微信在线，随时响应！微信：Jiabcdefh

C++ 信息奥赛题解，长期更新！长期招收一对一中小学信息奥赛集训，莆田、厦门地区有机会线下上门，其他地区线上。微信：Jiabcdefh

方法一：QQ

方法二：微信：Jiabcdefh

更新日志

2026/7/19 22:50
查看所有更新日志
  • 540b1-image-20260719225013728于
  • 4dad8-Refactor code structure for improved readability and maintainability于
  • 96f38-是于
  • ff250-Refactor code structure for improved readability and maintainability于
  • beae5-# 1.Dwarkesh Podcast于
  • 210c4-是于
  • 83f41-更新个人博客构建文档，增加AI开放网站的准备工作和域名选择标准于

贡献者

AndersonHJB