🎯 个人主页(静态)用 GitHub Pages;
会调 AI 的工具(要藏钥匙)用 Vercel。
课间选修 · 个人主页 厦大美食协会 课间选修 · 个人主页 厦大美食协会一个真实的链接 你的名字.github.io。先放好自我介绍和项目卡位,等第 4 课的 AI 工具上线,把链接填进来——一张能直接发给 HR 的主页就成了。
这一节也顺手教你一个分得清的概念:静态网站 和 带服务器的网站。
个人主页没有钥匙、不调用 AI,是「静态网站」,正好能用免费的 GitHub Pages。第 3、4 课的 AI 工具要藏钥匙,得用 Vercel。两个都做一遍,你就懂了为什么。
GitHub 是一个免费的「代码 + 网站」托管站。它有个附带功能叫 GitHub Pages:你把网页文件放上去,它就免费帮你变成一个能打开的网站。我们要的就是这个。做完一件打一个勾。
xiaoli2026)。下一步要用它命名,记牢、别记错。
在 GitHub 上,放文件的地方叫「仓库」(repository)。有一条特别规则:如果一个仓库的名字正好是 你的用户名.github.io,GitHub 就会自动把它变成你的个人网站。
⚠️ 名字必须一字不差。假设你的用户名是 xiaoli2026,仓库名就必须是 xiaoli2026.github.io——大小写、拼写错一个字母,网站就不会生效。
用户名.github.io你的用户名.github.io。选 Public(公开),勾上「Add a README file」,点 Create。main,点 Save。等一两分钟,这一页上会出现一个 https://你的用户名.github.io 的链接——那就是你的网站地址(现在打开还很空,下一步让它好看起来)。
仓库有了,现在让 Codex 帮你做主页内容。和第 1 课一样:你说清楚想要什么,它来写。
「请帮我做一个个人主页,单个 index.html 文件就行,不要用复杂框架。内容包括:① 我的名字和一句话介绍(我是:_____);② 我会什么 / 在学什么;③ 一块『我的项目』区域,先放 2~3 个占位卡片,以后我会把做好的项目链接填进去;④ 联系方式。风格简洁、好看、手机上也正常。做完告诉我怎么把这个文件传到我那个 用户名.github.io 仓库里。」
index.html。不满意就继续说「这里改成……」,像第 1 课那样改到满意。index.html 传进你的 用户名.github.io 仓库(看不懂就追问它「我是新手,一步步教我点哪里」)。https://你的用户名.github.io——你的个人主页就上线了。主页是作品的外壳,真正打动人的是里面的具体的事。先在这写一版,写完让助教挑挑刺。