零基础！如何用 Codex 在一天内上线自己的网站（全流程教程）
本文是一篇零基础的网站开发教程，详细介绍了如何利用 AI 编码助手 Codex 完成从想法到上线的全过程。文章涵盖了方案规划、代码生成、本地预览与调试、GitHub 版本管理，以及使用 GitHub Pages 或 Vercel 进行部署和域名绑定的具体步骤，帮助非技术人员快速搭建个人网站。
相关文档
PDE 爆火，年薪最高 22w，普通人如何上车？【附完整路线】
文章介绍了新兴职业 PDE（Product Design Engineer，产品设计工程师），该岗位集产品思维、设计与开发于一身，美国高级岗位年薪可达 22 万美元。作者为普通人提供了一条 7 天上手路线：准备 v0、Cursor、GitHub、Vercel、Supabase 五个工具；用公式选择 7 天能完成的小项目；用一页需求卡收敛需求；用 v0 生成第一版原型；找 3 个真实用户测试并迭代；用 Cursor 接管代码、按需接入 Supabase；通过 Vercel 发布上线并整理作品集。最后给出求职关键词与简历写法建议，强调从第一个有人真正使用的产品开始转型。
我把《清明上河图》做成了可以互动的横向交互插画
作者以《清明上河图》为题材，用 Codex 辅助开发了一个可横向行走的交互插画项目。文章详细记录了从最初需求定义、视觉规则制定到技术选型的全过程：放弃 Three.js 改用 Canvas 2D 分层绘制，将鸟瞰式原画重构为适合人物行走的宋代街道，包含三个街区、141 位动态人物、虹桥过船和清明时雨等互动事件。开发中通过迭代修复遮挡、坐标、卡顿等问题，将帧率从 25 FPS 优化到 55 FPS，并配套 48 项自动测试，最终实现了用户可参与宋代街市生活的沉浸式体验。
开发 MarkX 这几天，我到底用了哪些工具和服务？
作者得否（文科生、非程序员）分享开发 X 长文归档 macOS 应用 MarkX 的全过程与工具清单：使用 M3 Max Mac、Swift/SwiftUI 开发客户端，通过 Chrome 复用登录态替代付费 API 采集，用 uPic+Cloudflare R2 做图床，GitHub 存代码、Vercel 部署官网。核心开发由 Codex 和 Grok 完成，作者只负责提需求、测试和迭代。文章强调：工具不重要，关键在于反复追问产品质量问题，如内容是否存完整、失败时是否撒谎、安装包与在用软件是否一致。
个人网站上线指南｜域名、部署和上线 一次讲清
本文是一篇面向新手的个人网站上线教程，用通俗语言讲解从本地项目到线上访问的完整流程。文章分为四部分：先解释GitHub、Vercel、域名、DNS等概念及平台选择；再以GitHub+Vercel为例，手把手演示创建仓库、上传代码、导入部署、查看结果；接着介绍购买域名、配置DNS解析、绑定自定义网址；最后说明后续更新流程和费用构成。作者强调理解流程的重要性，并提供了可发给AI Agent的提示词模板，帮助读者在遇到问题时能定位排查。
零基础学AI：教你用GPT-6 Astra将文物变成3D交互网页
本文介绍如何利用GPT-6 Astra、Blender和Three.js等工具，将文物制作成可拖动、旋转、上线的沉浸式3D交互网页。作者以「文物放大镜·掌上赏珍」和「圆明园兽首·国宝归来」两个项目为例，拆解了从明确主题、3D建模、交互网页制作、多端验证、发布交付到封装Skill的完整六步流程，并分享了建模路径选择、需求描述技巧及手机端适配等实战经验，适合零基础但想动手的读者参考。
我终于能用 GPT-6 了！实测一波，Codex 要杀疯了？
程序员鱼皮实测 OpenAI 最新发布的 GPT-6 Astra 模型，通过 4 个由浅入深的案例评估其能力：3D 程序化城市生成器、3D 奥德赛战争视频动画、复刻 Cursor 的全栈 AI 编程工具，以及操作 KiCad 完成电路板布线。结果显示 Astra 在前端审美、产品设计、生成速度方面较 GPT-5 系列大幅提升，且有自己的产品想法，速度比同级模型快近三分之一；但在精细的 Computer Use 画布交互上仍存在坐标不准等问题，且 Codex 额度消耗明显更快。作者认为 Astra 适合视觉要求高的前端和全栈项目，日常任务用国产模型更划算。
万字长文 | Pi Agent 零基础实操：从打开终端到完成第一个真实任务
本文是一篇面向零基础用户的 Pi Agent 终端实操教程。作者在独立练习目录中，用一份虚构会议记录作为输入，引导 Pi 生成行动清单，并回到命令行独立验收原文件、输出文件、负责人和日期。文章涵盖 Pi 的能力边界与本地 Agent 概念、安装登录、界面四大区域解读、可验收提示词的写法（材料、动作、限制、验收四要素）、SHA-256 校验与独立验收方法，以及 Skill、Extension、Pi Package、Project Trust 与沙箱等扩展与安全知识，最后给出适合新手的安全升级路线。
用Claude Code构建代理级品质的万元网站
本文介绍如何利用Claude Code在半天内构建出代理机构收费8000-12000美元的营销网站。作者指出，默认提示词只会生成模板化网站，关键在于通过安装设计技能（如frontend-design和ui-ux-pro-max）、参考顶尖设计网站截图、使用结构化提示词，以及进行三轮精细打磨（排版、间距、动效）来达到专业水准。文章还提供了部署到Cloudflare Pages的步骤，并强调通过迭代不断提升网站质量。
Vibe Coding 视觉词典（上篇）：布局、页面结构、导航与常用组件
文章针对 AI 做网页时指令模糊的问题，提出了“视觉词典”概念。通过拆解页面布局、结构、导航和组件四个层级，提供了 26 个具体的网页设计模式（如 Bento Grid、Masonry Layout、Sticky Navbar）。每个词条包含概念说明、适用场景及可直接复制给 AI 的提示词，旨在帮助用户更精准地指挥 AI 生成高质量的网页设计。
手写代码的时代已经过去了：一次零基础的 vibe coding 全记录
作者记录了利用 Claude Code 和 AI 辅助工具，从零开始开发 AI 阅读插件 ReadCue 的全过程。文章探讨了 HTML 在 AI 时代的复兴、全新的设计开发范式，以及程序员如何从手写代码转向架构决策和产品定义。
网页上线：最快路径，不从域名开始
本文介绍了个人网页上线的最小闭环路径。针对静态网页，作者建议直接使用 GitHub Pages 部署，无需域名、DNS 和备案。文章厘清了 GitHub、Vercel、域名及备案的关系，指出非商业项目可暂用平台网址，按需后续升级。
别再乱装 Codex Skills 了，真正值得先装的是这几类
文章指出，使用 Codex Skills 不应像逛插件商店一样盲目安装，而应围绕核心工作流进行选择。作者推荐了三个安装阶段：第一阶段优先安装前端设计类（如 frontend-design）和浏览器验收类 Skill，以实现从“写页面”到“审页面”的闭环；第二阶段安装研究类（如 last30days）和内容类 Skill，用于产出高质量长文；第三阶段按需补全 Figma 和销售类 Skill。此外，作者建议通过自定义 AGENTS.md 来固化工作流程，提升 Agent 的执行稳定性。
