【免费】 搭建一个简单的引导页/导航页。

本教程全程免费、零基础友好，借助永久免费虚拟主机 + 导航页源码，快速搭建个性化引导页 / 导航页，可用于整理常用网址、做个人站点入口、导航合集等。教程需配合免费虚拟主机使用，若还未拥有，可先参考作者第一期教程完成免费虚拟主机和永久域名的注册。

前期准备

1. 基础设备：一台能正常上网的电脑，推荐使用 Chrome、Edge 等主流浏览器；
2. 工具下载：安装FTP 上传工具（推荐 FileZilla，免费开源，跨平台适配）；
3. 源码准备：获取导航页 / 引导页静态源码（随便注册一个账户，签到即可获取积分）；
4. 主机域名：已注册好的免费虚拟主机 + 永久域名（含主机 FTP 信息：FTP 地址、账号、密码、端口，需在虚拟主机后台提前记录）；
5. 可选准备：若想使用自己的域名而非主机自带域名，需先完成域名解析（参考作者【免费建站第三期】教程操作）。

第一步：虚拟主机后台信息核对

1. 登录你的免费虚拟主机管理后台，确认主机状态为已激活，无暂停、过期等情况；
2. 在后台找到FTP 管理 / 主机信息板块，核对并记录 FTP 连接信息，同时确认主机根目录名称（常见为 htdocs）；
3. 访问主机自带的永久域名，确认域名可正常打开（显示主机默认页面即代表正常）。

第二步：整理导航页源码并解压

1. 将下载好的导航页 / 引导页源码压缩包，解压到电脑易找到的位置（如桌面）；
2. 打开解压后的源码文件夹，检查文件完整性，确认包含html、css、js、图片等基础文件（无数据库配置文件为新手友好版，无需额外配置）；
3. 可提前在本地修改源码基础信息（如导航页标题、默认网址），用记事本 / 记事本 ++ 打开 html 文件即可编辑，修改后保存。

第三步：通过 FTP 工具上传源码至虚拟主机

1. 打开 FTP 工具（以 FileZilla 为例），在软件顶部输入已记录的FTP 地址、账号、密码、端口，点击「快速连接」，连接成功后左侧为电脑本地文件，右侧为虚拟主机服务器文件；
2. 在右侧服务器文件中，找到并双击进入主机根目录（如 htdocs），确保进入根目录后再进行上传操作；
3. 在左侧本地文件中，找到解压后的导航页源码文件夹，全选文件夹内所有文件（注意是文件而非文件夹本身），拖拽到右侧服务器根目录中；
4. 等待文件上传完成，导航页源码体积较小，普通网络下 1-3 分钟即可完成，上传过程中请勿关闭 FTP 工具或中断网络，避免文件缺失。

第四步：访问并测试导航页 / 引导页

1. 源码上传完成后，打开浏览器，在地址栏输入你的虚拟主机域名（自带免费域名 / 自己解析的自定义域名），按下回车；
2. 若操作无误，浏览器将直接加载出搭建好的导航页 / 引导页，而非主机默认页面；
3. 测试导航页功能：点击页面中的导航链接，确认可正常跳转；检查图片、文字、样式是否显示正常，若有异常可重新上传对应缺失文件。

第五步：个性化定制导航页（核心步骤）

1. 修改导航页标题和基础文字

用记事本 / 记事本 ++ 打开本地源码中的index.html文件，找到<title>标签修改页面标题，找到需要替换的文字（如 “我的专属导航”“常用网址合集”），直接替换后保存，再通过 FTP 上传覆盖服务器根目录中的原文件。

2. 添加 / 修改导航网址

在 index.html 文件中，找到导航链接对应的代码段（新手可根据源码中的注释找到对应位置），按原有格式添加新的网址和链接名称，示例：

<a href="https://www.xxx.com" target="_blank">网站名称</a>

修改完成后保存并上传覆盖原文件。

3. 更换导航页背景 / 图标

将准备好的背景图、图标替换掉源码中自带的图片文件，保持图片格式（jpg/png）和尺寸与原文件一致，替换后通过 FTP 将新图片上传至服务器源码的图片文件夹中，覆盖原图片即可。

4. 调整页面样式（简易版）

若想修改字体、颜色、按钮样式，可打开源码中的css 文件夹，找到对应样式文件（如 style.css），根据源码注释简单修改参数（新手建议小幅度调整，避免代码出错），修改后保存并上传覆盖。

常见问题解决

1. 访问域名显示主机默认页面：大概率是源码未上传至根目录，或未全选文件上传（仅上传了文件夹），重新进入根目录并上传源码内所有文件即可；
2. 导航页显示空白 / 样式错乱：检查源码文件是否上传完整，尤其是 css、js 文件，缺失则重新上传；或清除浏览器缓存后刷新页面；
3. FTP 连接失败：核对 FTP 地址、账号、密码、端口是否正确，确认虚拟主机已开启 FTP 功能，若仍失败可联系虚拟主机服务商；
4. 导航链接无法跳转：检查 html 文件中的网址是否输入正确，确认添加了target="_blank"（新窗口打开），且网址带 https:// 前缀。

后续维护与优化

1. 更新导航网址：后续想添加 / 删除常用网址，直接修改本地 index.html 文件，再通过 FTP 上传覆盖原文件即可，无需重新搭建；
2. 定期检查主机状态：登录虚拟主机后台，确认主机无异常，作者推荐的免费虚拟主机为永久免费，无需续费；
3. 优化页面加载速度：将导航页中的图片进行压缩后再上传，减少无用的 css、js 代码，提升页面打开速度；
4. 添加更多功能：新手可在免费源码网站下载留言板、搜索框等静态功能模块，将代码复制到 index.html 对应位置，实现功能拓展。

温馨提示

1. 本教程搭建的为静态导航页 / 引导页，无需数据库，零基础可直接上手，适合整理常用网址、做个人站点入口；
2. 若想搭建更复杂的动态导航站，可先学习基础的 HTML/CSS/PHP 知识，再配合虚拟主机的数据库功能操作；
3. 所有操作均为免费，无隐形费用，若在操作过程中遇到 500 报错等问题，可参考作者的【解答教程】进行解决。

按照以上步骤，几分钟就能搭建出属于自己的个性化导航页 / 引导页，轻松整理常用网址，打造专属的网络入口！