下面我将为你提供一个非常详细的、手把手的搭建网站教程，分为快速入门和详细步骤两部分。
快速入门（三步搞定）
如果你只想快速跑起来一个网站,请按以下步骤操作：
- 下载安装：去 PHPStudy 官网下载最新版并安装。
- 启动服务：打开 PHPStudy，点击“启动”按钮，启动 Apache 和 MySQL 服务。
- 放置网站文件：将你的网站代码（
index.html）放到 PHPStudy 的默认网站根目录WWW文件夹里。 - 访问网站：打开浏览器，在地址栏输入
http://localhost或http://127.0.0.1,就能看到你的网站了。
详细图文步骤指南
下面是更详细的步骤,包含每个环节的说明和截图说明。
第 1 步：下载并安装 PHPStudy
-
下载：
- 访问 PHPStudy 的官方网站：https://www.xp.cn
- 根据你的操作系统（Windows 32位/64位）下载对应的版本，对于个人用户，选择“小皮面板”即可。
-
安装：
- 双击下载的安装包，按照提示进行安装。建议不要安装到 C 盘，可以安装到 D 盘或其他盘符，
D:\phpstudy_pro。 - 安装过程中，如果提示安装 VC++ 运行库,请选择安装。
- 安装完成后，桌面上会出现 PHPStudy 的快捷方式。
- 双击下载的安装包，按照提示进行安装。建议不要安装到 C 盘，可以安装到 D 盘或其他盘符，
第 2 步：启动服务器
- 打开 PHPStudy：双击桌面上的快捷方式，打开 PHPStudy 控制面板。
- 启动服务：
- 你会看到两个核心服务的开关按钮：Apache 和 MySQL。
- 点击它们右侧的“启动”按钮，将两个服务都启动起来，启动成功后，按钮会变成绿色的“运行中”状态。
- Apache：负责解析你的网站代码（HTML, PHP 等）并提供网页服务。
- MySQL：数据库服务，如果你的网站需要存储数据（如用户信息、文章等）,就需要用到它。
第 3 步：放置你的网站文件
这是最关键的一步，你所有的网站代码（HTML, CSS, JavaScript, PHP 文件等）都必须放在一个指定的文件夹里，PHPStudy 才能找到并运行它。
-
找到网站根目录：
- 在 PHPStudy 控制面板，点击右上角的“文件”按钮，这会直接打开 PHPStudy 的默认网站根目录
WWW。 - 默认路径通常是：
D:\phpstudy_pro\WWW(如果你安装在 D 盘的话)。
- 在 PHPStudy 控制面板，点击右上角的“文件”按钮，这会直接打开 PHPStudy 的默认网站根目录
-
放置文件：
- 方法一（推荐）：在
WWW文件夹里，为你的每个项目创建一个独立的文件夹，创建一个名为my_blog的文件夹,然后将你的博客网站的所有文件都放进去。 - 方法二：直接将你的网站文件放在
WWW文件夹的根目录。
示例：
- 我们在
WWW文件夹里创建一个test_site文件夹。 - 在
test_site文件夹里，创建一个简单的index.html文件,内容如下：
<!DOCTYPE html> <html lang="zh-CN"> <head> <meta charset="UTF-8"> <title>我的第一个本地网站</title> </head> <body> <h1>你好，世界！</h1> <p>恭喜！你的 PHPStudy 网站已经成功搭建！</p> </body> </html> - 方法一（推荐）：在
第 4 步：访问你的网站
你的网站文件已经就位，服务器也正在运行,是时候在浏览器中查看它了。
-
打开浏览器：打开你常用的浏览器（如 Chrome, Firefox, Edge）。
-
输入地址：
-
在地址栏输入
http://localhost/test_site -
或者输入
http://127.0.0.1/test_site -
解释：
http://localhost或http://127.0.0.1是你本地电脑的地址，相当于告诉浏览器“请访问我自己的电脑”。/test_site是你刚才在WWW文件夹里创建的子文件夹名称,它告诉服务器要访问哪个项目。
-
-
查看结果：如果一切顺利，你就能在浏览器中看到
index.html文件的内容了。
第 5 步：配置虚拟主机（进阶）
当你有多个项目时，每次输入 http://localhost/project_name 会很麻烦，使用“虚拟主机”可以为每个项目分配一个独立的域名（如 myblog.com）,访问起来更方便。
-
打开配置文件：
- 在 PHPStudy 控制面板，点击“网站” -> “管理” -> “配置修改”。
- 这会打开 Apache 的配置文件
httpd-vhosts.conf。
-
添加虚拟主机配置：
- 在文件的末尾，复制并粘贴以下模板,然后进行修改：
<VirtualHost *:80> DocumentRoot "D:/phpstudy_pro/WWW/test_site" # 你的网站文件路径 ServerName mytestsite.com # 你想要的域名 ServerAlias www.mytestsite.com # 域名的别名 <Directory "D:/phpstudy_pro/WWW/test_site"> # 再次指定网站文件路径，并设置权限 Options Indexes FollowSymLinks AllowOverride All Require all granted </Directory> </VirtualHost>- 修改要点：
DocumentRoot和<Directory>里的路径要改成你自己的网站文件夹路径。ServerName和ServerAlias改成你想要的域名，myblog.local、project1.com等，本地使用.com或.local都可以。
-
配置本地 hosts 文件：
- 为了让你的电脑能识别
mytestsite.com这个域名，你需要修改hosts文件。 - 在 PHPStudy 控制面板，点击“其他菜单” -> “Hosts 管理”。
- 点击“添加”，在“域名”一栏输入
mytestsite.com，“IP”一栏留空或填0.0.1，然后点击“保存”。 - （或者手动编辑
C:\Windows\System32\drivers\etc\hosts文件，在最后添加一行0.0.1 mytestsite.com）。
- 为了让你的电脑能识别
-
重启服务：
在 PHPStudy 控制面板，先点击“停止”按钮，再点击“启动”按钮，让 Apache 重新加载配置文件。
-
访问：
- 现在在浏览器中直接输入
http://mytestsite.com，就能访问你的test_site项目了,非常方便！
- 现在在浏览器中直接输入
第 6 步：使用数据库（如果你的网站需要）
如果你的网站需要数据库（如 WordPress, Discuz! 等）,你需要创建一个数据库。
-
打开数据库管理工具：
- 在 PHPStudy 控制面板，点击“数据库”按钮，这会打开 phpMyAdmin，这是一个强大的 MySQL 数据库管理工具。
-
创建数据库：
- 在 phpMyAdmin 的首页，在“创建数据库”的输入框中填写数据库名称（
my_blog_db），选择排序规则（一般默认utf8mb4_general_ci即可），然后点击“创建”按钮。 - 数据库创建成功后，你就可以在左侧看到它，你可以在“权限”选项卡中创建用户和密码,供你的网站程序连接数据库使用。
- 在 phpMyAdmin 的首页，在“创建数据库”的输入框中填写数据库名称（
总结与常见问题
- PHPStudy 搭建网站的流程就是：安装 -> 启动 -> 放文件 -> 访问，对于复杂项目，再增加配置虚拟主机和创建数据库的步骤。
- 端口问题：
80端口被占用（比如你电脑上装了 IIS、Skype 等软件），PHPStudy 会自动启用88端口，这时你的访问地址就需要变成http://localhost:88或 `http://127.0.
