学费了

## 1. 准备代码我们先写一个最简单的 HTML 网页。新建一个文件 `index.html`： ```html <!DOCTYPE html> <html> <head> <title>我的第一个网站</title> <style> body { text-align: center; padding-top: 100px; font-family: sans-serif; } h1 { color: #3498db; } </style> </head> <body> <h1>Hello, World!</h1> <p>这是我部署的第一个网页。</p> </body> </html> ``` ## 2. 在宝塔创建网站 1. 点击左侧菜单“网站” -> “添加站点”。 2. **域名**：如果你买了域名，填 `www.yourdomain.com`；如果没有，填你的公网 IP。 3. **备注**：随便填，如“测试站”。 4. **根目录**：默认即可（通常是 `/www/wwwroot/你的域名`）。 5. **FTP/数据库**：暂时不需要，选“不创建”。 6. 点击“提交”。 ## 3. 上传代码 1. 在“网站”列表中，点击刚才创建的站点的“根目录”链接。 2. 这会跳转到“文件”页面。你会看到默认生成的 `index.html` 和 `404.html`。 3. 把它们全删了。 4. 点击“上传”，把你的 `index.html` 传上去。 ## 4. 访问测试打开浏览器，输入你的域名（或 IP）。如果你看到了“Hello, World!”，恭喜你！你已经成功成为了一名 Web 站长！ ## 5. 原理揭秘当你输入域名时，浏览器发请求给 Nginx。 Nginx 查配置文件，发现这个域名对应的目录是 `/www/wwwroot/xxx`。 Nginx 读取该目录下的 `index.html` 并返回给浏览器。这就是最基础的 **静态 Web 服务**。 ## 👁️ 我的视角：从 0 到 1 的质变 > “不要小看这个简陋的 Hello World 页面。它意味着你已经打通了从‘本地开发’到‘服务器部署’的全链路。” 很多初学者在复杂的框架（Vue/React）中迷失，却连最基本的 HTTP 请求如何被服务器处理都搞不清楚。 **回归本源**。哪怕是最复杂的淘宝、谷歌，其底层逻辑也和这个页面没有本质区别：接收请求 -> 处理 -> 返回内容。 **行动建议**： - 尝试修改 `index.html` 的内容，再次上传，体验“发布上线”的感觉。 <a href='article.php?id=7' class='inline-flex items-center px-6 py-3 bg-gradient-to-r from-blue-600 to-indigo-600 text-white font-bold rounded-xl shadow-lg shadow-indigo-500/30 hover:shadow-indigo-500/50 hover:-translate-y-0.5 transition-all duration-300 no-underline'>下一篇：继续探索旅程<svg class='w-5 h-5 ml-2' fill='none' stroke='currentColor' viewBox='0 0 24 24'><path stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M13 7l5 5m0 0l-5 5m5-5H6'></path></svg></a>

Step 6 实战篇：一键部署 WordPress

💬 评论 (0)

关卡列表

目录导航