作为博主，偶尔会需要搭建纯 HTML 静态网站 —— 比如个人作品集、项目展示页、简单导航站，这类网站不用数据库、不用复杂后端，用宝塔面板搭建简直 “事半功倍”。之前有粉丝问：“纯 HTML 文件怎么放到服务器上让别人访问？” 其实只要掌握 “新建网站→上传文件→访问测试”3 个核心步骤，零基础也能搞定。今天把全流程拆透，附 2 个新手必避的坑，收藏就能直接上手。

如果你会使用豆包AI，可以让豆包AI生成一个html网页，放到宝塔中。

一、前置准备：3 件事必须先做好（少一步都不行）

在开始搭建前，先确认 3 个前提条件，避免后续操作卡壳：

1. 服务器与宝塔已就绪必须有一台已安装宝塔面板的服务器（推荐阿里云 2 核 2G 及以上，1 核 1G 也能跑静态站）；宝塔已安装 “Web 服务器”（静态站只需要 Nginx 或 Apache，二选一即可，推荐 Nginx，轻量速度快）；

检查方法：登录宝塔面板→左侧【软件管理】→看 “已安装” 里是否有 Nginx/Apache，没有的话先一键安装（约 5 分钟）。

2. 端口已开放（关键！不然访问不了）

静态网站需要开放 2 个核心端口，确保服务器防火墙（如阿里云安全组）和宝塔防火墙都已放行：

80 端口：HTTP 协议默认端口，用户用 “http:// 域名 / IP” 访问时需要；443 端口（可选）：HTTPS 协议端口，后续想装 SSL 证书让网站显示 “小绿锁” 时需要；

配置方法：阿里云控制台→对应服务器→【防火墙】→添加 80、443 端口；宝塔面板→【安全】→【防火墙】→放行 80、443 端口。

3. HTML 文件已准备好准备好你的 HTML 网站文件（可以是单页 HTML，也可以是带 CSS、JS、图片的多文件项目）；注意文件结构：建议把所有文件放在一个文件夹里（比如命名为 “my-html-site”），包含index.html（首页文件，必须有这个文件名，不然服务器找不到首页）、css 文件夹、js 文件夹、images 文件夹。二、核心步骤：4 步搭建 HTML 静态网站（每步附操作截图提示）步骤 1：在宝塔面板新建 “静态网站”（关键是 “不选数据库”）

登录宝塔面板后，先创建一个 “网站容器”，让服务器知道 “你的 HTML 文件要放在哪里、用什么域名访问”：

点击左侧菜单【网站】→【添加网站】，弹出配置窗口；按以下要求填写信息（新手别乱改默认值）：域名：有域名：填你的域名（如 “test.com”），先确保域名已解析到服务器公网 IP（域名解析教程：阿里云 / 腾讯云域名控制台→解析→添加 A 记录，主机记录填 “@”，记录值填服务器 IP）；没域名：直接填服务器公网 IP（如 “120.xx.xx.xx”），后续用 IP 访问；备注：随便填（如 “我的 HTML 作品集”），方便自己识别；根目录：默认是 “/www/wwwroot/ 域名”（如 “/www/wwwroot/test.com”），不用改，记住这个路径，后续要把 HTML 文件传到这里；FTP：选 “不创建”（静态站文件少，用宝塔自带的文件管理器上传更方便）；数据库：选 “不创建”（重点！HTML 静态站不用数据库，选了反而占资源）；PHP 版本：选 “纯静态”（关键！静态站不需要 PHP 环境，选这个能减少服务器占用，还能避免 PHP 相关报错）；点击【提交】，网站就创建好了，在【网站】列表里能看到刚创建的站点。

截图提示：宝塔 “添加网站” 窗口截图，标注 “域名填写处”“数据库选‘不创建’”“PHP 版本选‘纯静态’” 这 3 个关键位置。

步骤 2：上传 HTML 文件到网站根目录（两种方法任选）

网站容器建好后，把准备好的 HTML 文件传到 “根目录”（就是步骤 1 里的 “/www/wwwroot/ 域名” 路径），推荐两种方法：

方法 1：宝塔自带 “文件管理器”（新手首选，不用装额外软件）回到【网站】列表，找到刚创建的网站，点击右侧【根目录】，直接进入文件管理界面；先删除根目录里的 “默认文件”（如 “index.html”“404.html”，这些是宝塔默认生成的，留着会和你的文件冲突）；点击左上角【上传】→【上传文件 / 上传目录】：单文件：直接拖入你的index.html、style.css 等文件；多文件项目：先把所有文件打包成 ZIP 压缩包，上传后点击【解压】，选择解压到当前目录（根目录）；上传完成后，确认根目录里有index.html 文件（必须是这个文件名，服务器默认优先加载index.html 作为首页）。

截图提示：宝塔文件管理器截图，标注 “删除默认文件”“上传按钮”“解压按钮” 的位置。

方法 2：用 FTP 工具上传（适合大文件 / 批量上传，推荐 FileZilla）

如果你的 HTML 项目文件多（如几十张图片），用 FTP 工具更高效：

下载安装 FileZilla（免费），打开后点击【文件】→【站点管理器】→【新站点】；配置 FTP 连接信息：协议：选 “FTP - 文件传输协议”；主机：填服务器公网 IP；端口：默认 21（如果宝塔改了 FTP 端口，填修改后的端口）；登录类型：选 “正常”；用户 / 密码：宝塔面板→【FTP】→【添加 FTP】（如果之前没创建，这里新建一个，根目录选网站根目录）；点击【连接】，成功后左侧是本地电脑文件，右侧是服务器网站根目录，直接把本地 HTML 文件拖到右侧根目录即可。步骤 3：访问测试：用 IP / 域名打开你的 HTML 网站

文件上传完成后，立即测试是否能正常访问：

用 IP 访问（没域名时）：打开浏览器，输入 “http:// 服务器公网 IP”（如 “http://120.xx.xx.xx”），如果能看到你的 HTML 首页，说明搭建成功；用域名访问（有域名时）：输入 “http:// 你的域名”（如 “http://test.com”），能看到首页即成功；测试内部链接：如果你的 HTML 里有跳转链接（如 “关于我.html”“作品 1.html”），点击测试是否能正常打开，避免路径错误（比如链接写成 “./about.html” 是相对路径，正确；写成 “C:/about.html” 是本地路径，错误）。步骤 4：（可选）装 SSL 证书，让网站显示 “小绿锁”（更安全）

如果有域名，建议装免费 SSL 证书，让访问从 “http” 变成 “https”，浏览器显示 “小绿锁”，更显专业：

回到宝塔【网站】列表，找到你的网站，点击右侧【SSL】；选择 “Let’s Encrypt”（免费证书，有效期 3 个月，宝塔会自动续期）；勾选 “自动续期” 和 “强制 HTTPS”（勾选后访问 http 会自动跳转到 https）；点击【申请】，等待 1 分钟，证书自动安装完成，刷新浏览器访问，就能看到 “小绿锁”。三、新手必避 2 个坑（我踩过的雷告诉你）坑 1：访问显示 “404 Not Found”（找不到首页）

原因 1：根目录里没有index.html 文件，或文件名错了（如 “Index.html”“index.htm”，服务器只认小写index.html）；解决：确认根目录有index.html，文件名严格小写且后缀是.html。原因 2：HTML 文件放错路径了（比如放到了 “/www/wwwroot” 而不是 “/www/wwwroot/ 域名”）；解决：回到【网站】列表，点击【根目录】，确认文件在正确的根目录里。

坑 2：访问显示 “502 Bad Gateway”（网关错误）

原因：PHP 版本选错了（比如选了 “PHP 7.4” 而不是 “纯静态”，静态站没有 PHP 文件，导致服务器报错）；解决：回到【网站】列表，找到网站→点击右侧【设置】→【PHP 版本】→选 “纯静态”→点击【保存】，5 分钟后重新访问。

四、优化技巧：让你的 HTML 网站加载更快（博主必备）

搭建完成后，做 2 个小优化，提升用户访问体验：

开启 Gzip 压缩（减少文件大小，加载更快）：宝塔【网站】→对应网站【设置】→【性能优化】→勾选 “Gzip 压缩”→选择 “压缩所有文件”→保存；设置浏览器缓存（让用户第二次访问更快）：【性能优化】→【浏览器缓存】→勾选 “开启浏览器缓存”→默认缓存时间（如图片缓存 30 天，HTML 缓存 1 天）→保存。总结：静态站搭建的核心逻辑

其实用宝塔搭 HTML 静态站，本质就是 “告诉服务器 3 件事”：

用哪个域名 / IP 访问（步骤 1 的域名配置）；HTML 文件存在服务器的哪个位置（步骤 1 的根目录）；用什么规则解析这些文件（步骤 1 选 “纯静态”，让 Nginx 按静态文件规则处理）。

整个流程下来，熟练后 5 分钟就能搞定，特别适合博主快速搭建作品集、项目展示页。如果在操作中遇到其他报错，欢迎在评论区留言，我会帮你分析解决～