个人想免费搭建网站，最直接的方式是制作一个静态网页，再使用免费托管服务发布。以“HTML 页面＋GitHub Pages”为例，不需要购买服务器，也不必先注册独立域名，就可以把个人简介、作品集、简历、博客首页或项目展示页上线，并获得一个可访问的免费站点地址。

这条路径适合内容以文字、图片和链接为主的网站。如果需要用户注册、数据库、在线支付或复杂的后台管理，单靠免费静态托管无法完成全部功能，需要另外配置后端服务。

一、先准备网站内容和文件

开始前准备好以下内容：

• 网站名称：例如“张明的个人主页”或“某某设计作品集”。
• 页面介绍：用一两句话说明你的身份、职业或网站用途。
• 主要内容：可以包括关于我、项目经历、技能、作品、联系方式等。
• 图片素材：头像、作品截图或背景图。文件名尽量使用英文和数字，避免空格及特殊符号。
• 托管账号：注册一个可以创建公开代码仓库的 GitHub 账号，并完成必要的邮箱验证。

如果只是搭建个人主页，先做一个页面就足够。不要一开始就制作复杂菜单、会员系统或大量动画，先确保页面能够打开、内容清楚，再逐步扩展。

二、创建一个可以直接打开的网页

在电脑上新建一个名为 index.html 的文件。这个文件是网站的首页，访问站点时，托管平台通常会优先读取它。可以使用记事本、系统文本编辑器或其他代码编辑器创建。

将下面的基础内容复制到文件中，再把姓名、介绍和联系方式替换成自己的信息：

保存后，直接双击 index.html，浏览器就能预览页面。如果页面显示正常，再上传到托管平台。以后修改文字或样式时，保存文件并刷新浏览器即可查看效果。

三、创建免费代码仓库并上传首页

1. 登录 GitHub，进入创建新仓库的页面。
2. 将仓库名称设置为你的用户名.github.io。其中“你的用户名”必须与账号名称一致。
3. 将仓库设置为公开状态。个人静态页面使用公开仓库时，通常可以使用免费的 Pages 托管。
4. 完成仓库创建后，选择添加文件或上传文件，把电脑上的 index.html 上传进去。
5. 填写一次提交说明并确认提交，让文件保存到仓库的主分支。

如果还准备上传头像或作品图片，可以把图片文件放在同一个仓库中。网页中引用图片时，文件名和路径必须完全一致。例如图片叫 avatar.jpg，页面中就应使用对应的文件名；大小写不同也可能导致图片无法显示。

四、开启 Pages，让网站正式上线

1. 打开刚创建的仓库，进入设置页面。
2. 找到 Pages 或类似的页面发布设置。
3. 在发布来源中选择“从分支部署”，再选择保存 index.html 的主分支。
4. 目录选择根目录，也就是仓库最外层的位置。
5. 保存设置，等待平台完成构建和部署。

部署完成后，页面中会显示一个免费的站点地址。点击访问即可查看网站。如果首次打开仍显示旧页面，可以等待片刻后刷新。页面地址通常使用你的账号名称生成，不需要另外购买服务器或填写复杂的服务器配置。

如果没有使用“用户名加指定后缀”的仓库命名方式，平台也可能生成带仓库名称的项目地址。两种方式都能发布网页；前者更适合个人主页，后者适合不同项目分别管理。

五、修改内容并持续更新

网站上线后，更新流程仍然很简单：

• 在本地修改 index.html，保存后重新上传。
• 或者直接在仓库中编辑文件，提交新的修改。
• 等待 Pages 自动重新部署，再打开站点检查结果。

如果新增了 about.html、作品集.html 等页面，需要在首页增加对应链接。实际项目中建议使用英文文件名，例如 about.html，并在首页加入指向该文件的链接，这样更容易避免路径和编码问题。

让免费个人网站更适合访问

首页应在最上方直接说明你是谁、提供什么内容，以及访客可以获得什么信息。作品集可以按项目分组，简历应突出经历和技能，个人博客则可以先展示最新文章。文字不要全部堆在一页，使用标题、段落和列表能让手机访问者更容易阅读。

发布前还应检查三项内容：标题是否准确，联系方式是否可用，手机屏幕上是否需要左右拖动。图片应设置清晰的替代文字，文件尺寸也不宜过大，否则会影响加载速度。免费托管通常会提供平台分配的站点地址；如果以后希望使用自己的域名，再单独购买域名并配置解析即可，这不是网站免费上线的前置条件。

常见问题处理

打开后出现空白页

先确认首页文件名称确实是 index.html，而不是 index.html.txt。再检查文件是否上传到了仓库根目录，以及 Pages 是否选择了正确的分支。

网页样式没有生效

如果把样式单独放在 style.css 中，要确认这个文件也已经上传，并且页面引用路径与文件名一致。刚修改完后，可以使用浏览器强制刷新，排除缓存影响。

图片无法显示

检查图片是否已经上传，引用路径是否正确，文件名的大小写是否一致。建议先使用简单的英文文件名，并将图片和 index.html 放在同一目录中。

按照“创建 index.html、上传仓库、开启 Pages、访问站点”这条路径，个人就能完成从零到发布的免费网站搭建。先上线一个结构清楚的基础版本，再根据实际需要增加页面、图片和自定义域名，维护成本会更低。