本文介绍用AI搭建个人网站的最佳实践：先整理个人内容到飞书文档，再参考优质网站让AI抓取代码与风格。作者系统整理了8大类60多个网页设计资源，涵盖组件库（shadcn/ui、Aceternity UI、Magic UI等）、动效与3D工具（Motion、GSAP、Three.js、Spline等）、整站灵感网站（Awwwards、Land-book等）、产品界面参考（Mobbin、Page Flows等）以及配色素材、AI建站和Claude Skills等类别。每个资源均附特色说明与具体用法，可让AI直接复用代码和Prompt，适合从零搭建或迭代优化个人网站时收藏使用。
作者 Kobin 分享用 AI 逐步开发个人 3D 网站「观星台」的完整过程。文章从让 GPT 生成视觉效果图讲起，逐步拆解实现路径：先区分网页内容（HTML/CSS）与 Three.js 场景，再依次实现粒子签名、作品星座、由星点组成的粒子人物侧影，接着通过统一色板、亮暗关系和轻量 Bloom 提升画面质感，然后将滚动与章节状态绑定实现场景过渡，最后接入音乐让星空随节奏变化。每个阶段都给出可直接交给 AI 编码工具的练习指令与检查方法，适合想用 AI 入门 3D 网页创作的读者按序实践。
作者分享了从零构建个人网站的完整教程：先理解网站由信息架构与视觉表达两部分组成，思考希望访客如何认识自己；提出“视觉母题”概念，让设计从内容和个人特点自然延伸；推荐通过Awwwards学习优秀网站的五步分析法；讲解内容形式选择、排版层级、留白对比、视觉节奏与动画克制等设计要点；最后介绍如何用AI工具（Skill）迭代建站并部署上线。作者认为制作个人网站也是一次重新认识自己的过程，网站可随个人成长不断迭代。
本文介绍了如何利用国内流行的 AI Agent 产品 WorkBuddy，通过一段对话从零搭建个人作品集网站。作者以制作「糖果屋」作品集为例，详细讲解流程：明确需求并撰写提示词（特别强调要求 AI 不编造资料）、生成单文件网页、替换个人内容、利用 WorkBuddy 资料库作为小型服务器一键发布公开链接。文章还说明了发布后如何继续修改并保持原链接实时生效，最后给出验收清单：核对个人信息真实性、测试按钮跳转、检查手机排版、验证线上版本是否更新。
这是一篇手把手教程，作者分享如何用约28元的首次支出（VPS约14元/月、域名首年约14元）从零搭建个人网站。流程包括：购买VPS服务器和域名、通过Cloudflare管理域名解析、使用Codex下载并运行GitHub上的rbp-portfolio模板、补充个人内容框架（首页、关于我、项目、文章、联系）、在React Bits挑选背景等视觉效果并交给Codex接入。教程区分Mac（computer use）和Windows两条路线，强调先跑通模板再逐步美化、每轮只改一组内容的迭代方式，让不懂代码的人也能借助AI完成建站上线。
作者以纯小白视角复盘了如何借助AI工具从零学习SEO并优化个人网站的实战过程。他使用Codex操作Chrome安装AITDK、SiteData、Ahrefs SEO Toolbar等SEO工具，先研究海外成熟网站的流量来源，再回头检查自己的个人网站zephyr8.asia，发现文章列表链接不全、数据来源标注不清等问题，最终生成9000多字的修改文档并交给另一个Codex任务执行修复。作者总结出SEO新认知：内容先在社交平台被看见，搜索流量承接转化链路，并强调AI时代只要目标明确，就能临时组织工具、AI和执行任务补齐业务能力短板。
本文是一篇面向新手的个人网站上线教程，用通俗语言讲解从本地项目到线上访问的完整流程。文章分为四部分：先解释GitHub、Vercel、域名、DNS等概念及平台选择；再以GitHub+Vercel为例，手把手演示创建仓库、上传代码、导入部署、查看结果；接着介绍购买域名、配置DNS解析、绑定自定义网址；最后说明后续更新流程和费用构成。作者强调理解流程的重要性，并提供了可发给AI Agent的提示词模板，帮助读者在遇到问题时能定位排查。
本文是一篇实操教程，作者详细讲解了如何用 Grok Bot 搭建一人公司的 Bot 团队。通过个人网站从想法到上线的完整案例，阐述了 Bot 的配置方法：先为一个 Bot 设定长期系统简介和职责边界，安排第一个任务进行设计探索；当出现值得长期单独负责的工作岗位时再新增 Bot（如专职动效的 Motion God、负责工程上线的 Devbot、负责 Figma 生产的 Figma Bro）；当多个 Bot 需协作时建立群聊，做好交接资料整理和分工规范。文章总结了 Bot 简介写长期职责、任务放聊天里、重复工作流沉淀为 skill 等核心心法，帮助读者按自己的工作流搭建 Bot 团队。
作者 DerrickLi 非计算机专业出身，借助 AI 工具 Codex 搭建了自己的个人网站。文章记录了完整建站过程：先规划网站内容框架（个人介绍、作品、文章、Skills、联系入口），再反复打磨 UI，从最初追求科技感动效失败，到通过 MotionSites 素材参考最终实现电影感页面，强调有具体参考能让沟通更高效。部署阶段经历预览发布、域名接入、HTTPS 配置等调试。作者总结了定内容、选画面、做上线三步流程，并强调网站上线后仍需持续积累作品和文章内容。
作者Emily Lai花3天时间、使用180+个提示词，借助多个前沿AI模型从零构建个人网站。工具栈包括：Grok用于研究个人网站参考和品牌方向，Claude Fable 5/5.1负责设计稿、代码和UX优化，GPT 6 Astra用于3D渲染和速度优化，Aside浏览器作为harness驱动屏幕，Wispr Flow语音转提示词。作者详细分享了从设计概念、品牌技能对比（如Impeccable、taste-skill）、BRAND.md创建，到内容整理的完整工作流。最终选择了'The Desk'记事本风格UI设计，包含工作、健康实验和公开学习内容。
Cloudflare 将 Workers 免费版的大小限制从 3MB 提升到 64MB，大幅降低了个人项目部署门槛。作者从 awesome-cloudflare 中精选了 10 个开源项目，包括临时邮箱、图床 CloudFlare-ImgBed、文件分享工具 CloudPaste、密码分享工具 ZeroLink、私人笔记 memos-worker、AI 语音转文字 whisper_cloudflare、GitHub 项目更新追踪 GitPush、文件传输助手 cf-drop、网址导航 CloudNav 以及内容发布平台 microfeed。这些项目均可利用 Cloudflare 的免费额度运行，无需 VPS 和服务器维护。文章指出 Cloudflare 已从 CDN 演变为完整的个人应用托管平台。
文章以 GPT-6 Astra 引发的话题切入，介绍数字时代写作者 Maggie Appleton 及其 Digital Garden（数字花园）实践。作者认为 AI 正在降低动画、游戏、3D 世界等媒介的表达门槛，写作的容器正从 page 走向 world，写作者应先问想法适合长成什么，再选择媒介。文章还总结了 Write in Public、Learning in Public 的价值，对比了收藏式知识管理与花园式照料，指出 AI 时代文字背后鲜活的人越来越重要，并倡导人们搭建属于自己的数字花园，让思想公开生长、彼此连接。
本文介绍了如何用 Codex 在 30 分钟内零代码搭建个人网站。作者 Miles Ma 详细讲解了完整流程：在 Spaceship 购买域名并注册 Cloudflare；在 Codex 中新建项目并整理个人资料、文章和图片；让 Codex 通过 Computer Use 分析参考网站（如 Immersive Garden）的结构、风格和交互；确认规划后生成第一版，并在浏览器中逐处迭代修改；最后通过 wrangler 授权部署到 Cloudflare 并绑定域名上线。文章还介绍了如何利用子域名（如 cv、course、tools）在同一域名下扩展在线简历、课程和工具页面，实现一人低成本持续维护个人站点的最佳实践。
本文分析了@I_am_oil_oil这位00后创作者如何在半年内于小红书涨粉2万并实现内容变现。他的成功要素包括：主副业并行期间坚持全平台日更、持续输出原创Vibe Coding产品展示、开发自动化Skill实现多平台分发、搭建个人网站承载作品与履历、透明化的咨询案例展示。文章总结了其三大核心能力：时间管理与自动化、快速学习与知识转化、流畅的口播表达，并给出普通人的实践建议。
本文是建站系列教程的第一篇，主要介绍如何在不编写任何代码的情况下，利用AI Codex、GitHub和Vercel搭建一个免费的个人网站。作者详细拆解了从生成代码、保存文件到部署上线的全流程，并提示了新手易错点（如文件命名）及国内访问的注意事项。
作者发布了一个名为 mungermodels.com 的网站，收录了查理·芒格的 232 个思维模型、14 个学科及 152 万字内容。该项目旨在解决《穷查理宝典》中概念零散、难以下手的问题，通过深度长文、场景导航和双向链接构建完整的知识格栅，帮助用户从“知道”进阶到“会用”。作者利用 AI 辅助完成了这一原本耗时多年的庞大工程。
