第 6 讲：快速上线 MVP - 3 小时完成你的第一个网站

github star gitee star atomgit star PyPI Downloads AI 编程 AI 交流群

大家好，我是正在实战各种AI 项目的程序员晚枫。

完美主义是建站的最大敌人。

这一讲，我教你 3 小时上线一个最小可用网站（MVP），先完成，再完美。

什么是 MVP？

MVP（Minimum Viable Product）：最小可用产品

核心思想：

  • 先做一个能用的版本
  • 快速上线，获取反馈
  • 根据反馈迭代优化

为什么先做 MVP？

  • ✅ 快速验证想法
  • ✅ 建立信心
  • ✅ 避免过度设计
  • ✅ 早点开始积累 SEO

MVP 网站标准

一个 MVP 网站只需要：

必须的页面（3 个）

  1. 首页 - 介绍你是谁、做什么
  2. 关于我 - 详细背景
  3. 联系方式 - 让人能找到你

必须的内容（5 个）

  1. 一句话介绍（主标题）
  2. 详细说明（副标题）
  3. 你的服务/产品
  4. 信任背书（案例/评价）
  5. 行动号召（CTA）

可选的页面（以后再加）

  • 博客/文章
  • 作品集
  • 服务详情页
  • 常见问题

实战：用 Notion + Super 搭建网站

为什么选 Notion + Super？

  • ✅ 最快，3 小时能上线
  • ✅ 零代码，会打字就行
  • ✅ 成本最低
  • ✅ 以后可以迁移

第一步：注册账号（10 分钟）

  1. 打开 notion.so，注册账号
  2. 打开 super.so，注册账号
  3. 绑定域名（之前注册的）

第二步：创建 Notion 页面（30 分钟）

创建首页：

  1. 新建一个 Page，命名为”Home”
  2. 添加以下内容：
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
# [你的名字] - [一句话介绍]

[副标题：详细说明你的价值]

[CTA 按钮：预约咨询/查看作品/联系我]

---

## 我的服务

- 服务 1：[描述]
- 服务 2：[描述]
- 服务 3：[描述]

---

## 成功案例

[案例 1]
[案例 2]
[案例 3]

---

## 客户评价

> "评价内容" - 客户名

---

## 关于我

[你的背景、经历、资质]

---

## 联系方式

- 微信：[你的微信]
- 邮箱：[你的邮箱]
- 电话：[你的电话]

创建关于页面：

  1. 新建 Page，命名为”About”
  2. 添加详细内容：
    • 个人背景
    • 工作经历
    • 资质证书
    • 个人照片

创建联系页面：

  1. 新建 Page，命名为”Contact”
  2. 添加联系方式
  3. 可以嵌入表单（用 Tally 或 Typeform）

第三步：用 Super 发布（30 分钟）

  1. 登录 super.so
  2. 点击”New Site”
  3. 选择你的 Notion 页面
  4. 配置域名
  5. 选择主题（选简洁的）
  6. 配置导航菜单
  7. 点击”Publish”

第四步：配置导航（20 分钟）

在 Super 后台配置：

  • 导航菜单：Home | About | Contact
  • Footer：版权信息、社交媒体链接

第五步：测试（10 分钟）

  1. 用电脑访问网站
  2. 用手机访问网站
  3. 检查所有链接
  4. 检查表单是否能用

实战：用 Framer 搭建网站

第一步：选择模板（20 分钟）

  1. 打开 framer.com
  2. 浏览模板库
  3. 选择个人网站模板
  4. 点击”Use Template”

第二步：修改内容（60 分钟）

  1. 修改文字内容
  2. 替换图片
  3. 调整配色（用之前生成的）
  4. 添加 Logo

第三步：配置域名（20 分钟）

  1. 进入 Settings → Domains
  2. 添加你的域名
  3. 按提示配置 DNS

第四步：发布（10 分钟）

  1. 点击右上角”Publish”
  2. 选择域名
  3. 确认发布

实战：用 WordPress 搭建网站

第一步：安装 WordPress（30 分钟）

  1. 登录主机控制面板
  2. 找到”一键安装 WordPress”
  3. 填写网站信息
  4. 完成安装

第二步：选择主题（30 分钟）

  1. 登录 WordPress 后台
  2. 外观 → 主题 → 添加
  3. 搜索”Astra”或”OceanWP”
  4. 安装并激活

第三步：导入模板（30 分钟）

  1. 安装”Starter Templates”插件
  2. 选择一个个人网站模板
  3. 导入完整网站

第四步：修改内容（60 分钟）

  1. 用 Elementor 编辑器修改页面
  2. 替换文字和图片
  3. 配置导航菜单

第五步：发布（10 分钟）

  1. 检查所有页面
  2. 确认无误后发布

上线检查清单

网站上线前，检查以下项目：

内容检查

  • 没有错别字
  • 所有链接都能用
  • 图片能正常显示
  • 表单能正常提交

技术检查

  • 电脑访问正常
  • 手机访问正常
  • 页面加载速度快
  • HTTPS 已启用

SEO 检查

  • 页面标题已设置
  • 页面描述已设置
  • 已提交 Google Search Console

本讲作业

作业 1：完成 MVP 网站

按照本讲教程，用你选择的工具搭建网站。

时间要求：3-4 小时内完成

作业 2：提交网站链接

在学习群分享你的网站链接，获取反馈。

作业 3：记录问题

记录搭建过程中遇到的问题，在群里提问。

下一步

👉 [第七讲：AI 内容创作](/course/AI 相关/人民邮电出版社/ads/openclaw/personal-website/第 7 讲-AI 内容创作/)

网站上线后，需要持续更新内容。在下一讲中，我们会学习：

  • 用 AI 写文章
  • 用 AI 生成图片
  • 用 AI 制作视频

💬 加入学习交流群

扫码加入学习群，分享你的网站链接，获取老师和同学的反馈。

👉 点击加入交流群

恭喜！你已经完成了第一个网站。记住：完成比完美重要。先上线，再慢慢优化。

进群

嗨，扫码 进群

微信

扫一扫，分享到微信

微信分享二维码
本站总访问量次

tag:

    缺失模块。
    1、请确保node版本大于6.2
    2、在博客根目录（注意不是yilia根目录）执行以下命令：
    npm i hexo-generator-json-content --save

    3、在根目录_config.yml里添加配置：

      jsonContent:
    meta: false
    pages: false
    posts:
      title: true
      date: true
      path: true
      text: false
      raw: false
      content: false
      slug: false
      updated: false
      comments: false
      link: false
      permalink: false
      excerpt: false
      categories: false
      tags: true

编程博主，全网粉丝30w+，开源项目：python-office，我的微信：python-office