从 0 创建自己的网站

b9113fced86a32cad0d8 · 2025-06-02 21:15:36 · Tech. & Eng.

0 前言

本文将要告诉大家如何在仅使用自己的个人计算机的情况下，免费（除去电费等费用）创建一个可在外部网络访问 web 服务器。

需要注意的是，本文只会教大家开设一个自己的 web 服务器，不会教大家 HTML/CSS 的语法等内容。（会在文末提供教程连接）

1 准备工作

首先是最重要的你的电脑作为一台服务器，必须稳定运行（要是你有现成的服务器也行），不能随意停止运行。

为了让你有良好的环境实现你的网站，以下内容是需要的：

• 提供 web 服务：个人使用 phpStudy。
• 方便的 IDE：个人使用 VSCode。
• 内网穿透：个人使用 openFRP。（要是你的电脑有公网 IP 就不需要了）
• JS 运行环境：个人使用 Node.js。（不必须，用于运行后端程序）

  2 启动！

  在 phpStudy 中，点击下图中的 3 个“启动”，启动web服务，此时，你的网站应该可以在本机通过 localhost 或 127.0.0.1 访问。

  3 编辑你的网站

  如下图，依次点击以下按钮，可以打开网站根目录。 根目录结构如下图所示，可以通过编辑 index.html 编辑你的网站。

  4 不局限于内网

  这时，需要用到内网穿透了。

这里以 29 号节点为例，在“创建隧道”页中，点击某一隧道卡片，并按下述方法创建隧道即可。

注意：不应使用大陆节点，应该使用港澳台或海外节点，不信你试试。

接着，会自动来到“隧道”页，可以按下述方式开启隧道并获取访问链接。 理论上，现在可以通过得到的链接在几乎任何地方访问你的网站。

5 更多资料

关于需要的编程语言的语法，可以通过以下网站学习：

• HTML 教程
• CSS 教程
• JS 教程

实在不会的话你就问 DeekSeek 呗。

此外，要是你认为你自己编写的网页很丑的话，可以使用 sober 前端库。