用 1.18 美元搭好个人站点:一人公司可抄作业的完整清单

先说结论,方便你决定要不要往下抄:

  • 谁适合:想做个人品牌窗口、系统化记录从 0 到 1、用 AI 验证「超级个体」边界的独立开发者 / OPC / 一人公司;不适合指望个人站本身立刻带来大量获客的人。
  • 总成本(按我这次路径) :首年约 1.18 美元(约合 8.5 人民币)------钱几乎只花在域名上。
  • 核心栈(可复用、不必绑死) :AI 辅助前端工程 + 静态/半静态站点 + Namecheap 域名 + Vercel 托管。框架可以是 Next.js,也可以是更轻的静态站方案。

我是 16 年金融老兵,从银行、互金到 Web3/区块链,从工程师到项目经理,再到业务负责人。2026 年 9 月离职开启个人创业。这是我的第一篇掘金长文,也是一份「低成本建站」的实操记录------尽量写到别人能直接抄作业,不吹概念。

个人示例站点:yorick.world(文末再提一次,文中不再刷屏)。


一、为什么还要建个人站点?

平台算法决定曝光时,独立站点仍然值得做,至少有三点:

  1. 个人品牌窗口
    能力、近况、合作方向放在同一处,合作伙伴或朋友能快速缩小信息差。
  2. 系统化记录从 0 到 1
    想法 → 洞察 → 调研 → 产品化 → 运营,碎片容易丢;站点逼你结构化沉淀,也方便同频者参考。
  3. 验证 AI 时代超级个体边界
    在 AI 基础设施成熟的今天,一个懂技术、项目管理又懂业务的人,能把一人公司的交付边界推到哪里?建站本身就是一次低成本实验。

二、两条路径:30 分钟最小可行 vs 半日完整版

不必一上来就做「完美站」。按时间选路径即可。

2.1 三十分钟最小可行清单

适合先上线、再迭代:

  1. 定一个域名意向(名字能读、能拼、和你相关即可)。
  2. 用 AI 生成单页:一句话自我介绍 + 能力关键词 + 正在做的事 + 联系方式。
  3. 本地预览一遍(链接、移动端宽度)。
  4. Namecheap 下单域名(注意首年促销价,下文会写续费坑)。
  5. 推到 Vercel,绑定域名,打开 HTTPS 验收。
  6. 在掘金/社媒放一条「站点上线」短帖,收集反馈。

目标不是好看,而是:有公开 URL、信息真实、能被打开。

2.2 半日完整版(约 3--4 小时)

适合想做成长期品牌阵地的人:

  1. 规划四板块(我的划分,可改):能力模型 / 洞察与产品 / 深度写作 / 正在推进。
  2. 写短 PRD(见下文模板)。
  3. 让 AI 输出技术方案与实施 Steps。
  4. 工程落地(AI IDE 辅助写代码、组件、路由)。
  5. 本地测试与快速改体验细节。
  6. 域名 + DNS + Vercel 部署验收。

我本人走的是完整版六步;你若时间紧,先跑最小可行,再把四板块补上即可。


三、技术栈建议:两条常见路线,选一条就够

原文路径可以概括为:AI + 前端工程 + Vercel,没有强制你必须用某一框架。下面给可选栈,标清「作者可复用」与「可选替代」。

路线 适合谁 大致做法 备注
A. Next.js(或同类 React 框架)+ Vercel 想要组件化、后续加博客/API、和 Vercel 集成顺滑 App Router 或静态导出;部署走 Vercel 我可复用的主路径;不必绑死 Next,同类框架亦可
B. 纯静态站 内容少、维护要极简 Astro / Vite 静态站 / Hugo 等生成 HTML,仍可丢 Vercel 或同类静态托管 更轻;博客型很合适

开发工具说明(重要):

  • 我用了 Cursor (年订阅)。对这笔订阅来说,这次建站的边际开发成本可视为 $0 ,但不是每个读者都必须买 Cursor。
  • 可选替代 :其他 AI IDE / 编辑器插件,或手写 + 文档式 AI 对话协助。成本故事里真正「必须付的现金」仍是域名那 1.18 美元(按我当时 Namecheap 首年价)。

托管方面:我用 Vercel Hobby($0/月) ,官方额度包含约 100GB 流量 与 100 万次 CDN 请求------对个人展示站通常够用。额度与政策会变,上线前自己看一眼当前文档更稳妥。


四、可复制的短 PRD 提纲模板

建站前先写一页纸,再丢给 AI,比直接「帮我做一个很酷的站」靠谱得多。可直接复制改填:

text 复制代码
# 个人站点 PRD(精简版)

## 1. 目标用户
- 谁会来:合作方 / 同行 / 招聘或顾问场景 / 自己存档
- 一次访问要带走什么印象:一句话

## 2. 站点目标(选 1--2 个主目标)
- [ ] 品牌展示  [ ] 作品/产品索引  [ ] 深度写作  [ ] 进度公开

## 3. 信息架构(页面/板块)
- 首页:价值主张 + 导航
- 能力模型:擅长领域、可合作方向
- 洞察与产品:进行中的想法与产品
- 深度写作:文章列表入口(可先外链掘金)
- 正在推进:在读/在做清单
- 页脚:联系方式、社交、版权

## 4. UI/UX 约束
- 桌面 + 手机优先;浅色/深色(二选一或跟随系统)
- 首屏 3 秒内能看懂「你是谁、在做什么」
- 少动画、多可读;外链新开页

## 5. 非功能
- 静态或半静态优先;SEO:title/description/OG
- 无强制登录;不收集非必要个人信息
- 部署:Vercel;域名:自有

## 6. 第一期不做
- 评论系统、复杂 CMS、会员、支付(除非你真的需要)

有了这份提纲,再让 AI 生成页面结构与组件清单,返工会少很多。


五、域名购买与 DNS / Vercel 绑定检查清单

按勾选做,少踩配置坑:

购买前

  • 域名好记、好拼,避免生僻连字符堆叠。
  • 看清 首年优惠价 与 第二年续费价(往往贵一截,见踩坑节)。
  • 注册信息真实可找回;开启注册商 2FA(若提供)。

购买后(以 Namecheap → Vercel 为例,其他注册商逻辑类似)

  • 在 Vercel 创建项目并完成首次部署,确认默认 *.vercel.app 可访问。
  • 在 Vercel 添加自定义域名,按提示拿到 DNS 记录类型(通常是 A / CNAME,以控制台为准)。
  • 回注册商 DNS 面板添加记录;TTL 可先默认。
  • 等待解析生效后,在 Vercel 看到域名验证通过与 HTTPS 证书就绪。
  • 用手机网络打开一次;检查是否强制跳转 HTTPS。
  • 首页、关键导航、外链、404 页各点一遍。

可选 :让 AI 根据你的注册商界面说明「该填哪几条记录」,但以 Vercel 当前文档提示为准,不要死记旧教程里的 IP。


六、常见踩坑(真实、好避开)

  1. 免费额度不是无限

    Hobby 够个人站,但若你挂大文件、异常刷流量,或以后加服务端能力,可能触顶。习惯看用量面板;超了再考虑升级或换策略,而不是上线当天就买最贵套餐。

  2. 域名第二年通常更贵

    我的现金成本故事是 首年 $1.18。续费请按注册商标价单独记账,别把「首年促销」当成终身价。到期前提醒续费,避免域名被抢注或解析中断。

  3. SEO 只需基础,先别过度优化

    每页独立 title / description;首页有清晰 H1;重要链接用可爬的 <a>;图片加有意义的 alt。个人站前期「能被搜到名字 + 主题」比堆砌关键词重要。

  4. 对中国大陆访问要诚实预期

    个人站若域名与托管都在海外(如 Namecheap + Vercel),中国大陆访问可能偏慢或不稳定 ,这是网络路径问题,不是你代码写烂了。若受众主要在国内,需要另行评估国内托管、解析优化等方案(成本与合规要求会变,本文不展开承诺)。

    备案:若你未来把站点放到需要 ICP 备案的国内主机/云上,再按当时规则办理;纯海外个人展示站通常不走备案流程,但也不要对外宣称「一定秒开全国」。

  5. 隐私最小化

    展示站尽量别上非必要统计或表单收集。若加分析工具,注明并避免采集多余个人信息。

  6. AI 生成代码要你负责验收

    本地跑通、真机点一遍、注意无障碍与性能;AI 能加速,替代不了你对信息和链接真实性的核对。


七、成本清单复盘(保持数字诚实)

项目 我的选择 费用
开发工具 Cursor 年订阅 边际 $0(订阅是沉没/已有成本;读者可换其他 AI 工具或手写)
域名 Namecheap 首年优惠 $1.18
托管 Vercel Hobby $0/月(含约 100GB 流量 / 100 万 CDN 请求,以官方当前说明为准)

合计现金支出:1.18 美元 ≈ 8.5 人民币(首年,按我这笔订单)。

不编造额外美元成本,也不承诺「人人永远只要 1.18」------你的域名后缀、促销活动、续费年份都会不同。


八、六步流程(完整版对照)

若你走半日完整版,可与原文步骤对齐:

  1. 规划产品框架(四板块或你的变体)
  2. 撰写 PRD(用上面模板)
  3. 输出技术方案与 Steps(架构、目录、部署方式)
  4. AI 驱动工程落地(页面、样式、基础 SEO)
  5. 本地测试与快速迭代
  6. 域名采购、DNS、Vercel 部署与线上验收

工具上我用了 Cursor;你换成其他 AI 编程环境,步骤仍然成立。


九、写在最后

从银行架构师到 Web3 业务负责人,再到如今的创业者,角色在变,「用技术和业务洞察解决真实问题」的方向没变。个人站点只是第一步;后续会继续分享产品进展、行业观察、AI 实践与商业思考。

如果你也在关注 Web3、金融科技、AI 赋能创业、超级个体,欢迎:

  1. 关注「创了么OPC」,后续还有实操向长文;
  2. 留言你的域名、技术栈或踩过的坑,方便同行对照;
  3. 有兴趣可以看看我的个人站点:yorick.world。

互相抄作业、互相避坑,比独吞经验更有用。


账号:创了么OPC|主题:低成本个人站 / AI 辅助工程 / 一人公司实操

相关推荐
编程之道1 小时前
从VUE2到VUE3学习过程遇到的一些困惑
前端
deli0071 小时前
1 个汉字算几个 token?实测中英文 prompt 与代码的编码差异
前端
无限聚核1 小时前
抖音 certificate.prepare 之后怎么验券?和美团 msconsume 差在哪,无限聚核
前端·微信小程序
2603_965896622 小时前
Grid 网格布局|CSS 二维页面排版体系
前端·css
有味道的男人2 小时前
搜好货平台关键词商品搜索接口:分页容错与商品数据轻量化提取方案
服务器·前端·javascript
lovingsoft2 小时前
Chrome Lighthouse 详解
前端·chrome
Qlly3 小时前
全栈工程师怎么接需求?从一句「加个功能」聊到能开发、能验收
前端·后端
马可家的菠萝3 小时前
你的微信“文件传输助手”,是不是已经成了第二个网盘?
前端·后端·架构
略略略啦3 小时前
Vibe Coding 基于Spec DD和TDD的实践指南
前端