如何使用本地主机托管我的 HTML 和 CSS 网站

How to use localhost to host my HTML and CSS website

我是初学者,只学了HTML和CSS。

当我尝试托管我的网站时,我打开了 this 查看方法二,它是关于 localhost 的,我搜索了很多关于它的内容,但我不明白:

我不明白是不是像 WikiHow 所说的那样,我可以免费托管我的 HTML 和 CSS 网站吗?还是像Google说的?

Localhost 就是您的本地计算机。它有一个 ip4 地址 127.0.0.1 ipv6 ::1.

因此,如果您连接到本地主机,您始终会连接到您自己的计算机(通常外部世界看不到,除非您让计算机保持打开状态并保持与互联网的连接,并将您的 router/firewall 配置为转发PC 的流量(只有当您知道自己在做什么时才这样做)。

首先,在学习CSS和HTML时,您只需在网络浏览器中打开HTML的文件位置即可。 CSS、HTML 和 Javascript 编程是自包含的(即没有数据库或类似的废话)需要 甚至 受益于 设置网络服务器。

也就是说,从某种意义上说,我也是初学者(我刚刚回到网络编程,发现它比 7 年前更容易、更有趣!)而且我一直在使用一个网络服务器和 localhost 每次我最近编程。这是因为我在 Ruby 中编程,并且我正在使用一个名为 Sinatra 的 Ruby 库,这使得使用 Ruby 进行网络编程超级简单!无论如何,当你使用 Sinatra 时,你必须有一个网络服务器 运行,而且你必须使用 localhost 而不是仅仅在你的计算机上打开一个文件位置。为什么?因为 Sinatra 回复 GETPOST 请求,网络服务器响应用户的操作。

所以,安装了 Ruby 和 Sinatra(我在 Windows,这并不重要)我只是使用 Start Command Prompt with Ruby 快捷方式,它是用 Ruby,然后在该命令提示符下,我使用我的程序转到目录并键入,例如 ruby test.rb,然后我打开 Chrome 并键入 localhost:3456。这是 Sinatra 的默认端口。它可以很容易地改变。如果您想要使用 Sinatra 的简单 Ruby 程序示例,您可以使用它来查看此 Web 服务器行为,甚至无需安装常规 Web 服务器(您将使用 Sinatra 安装附带的轻量级服务器 [on所有平台,我认为]),你可以找到这样的例子,如果你 Google Learn Ruby the Hard Way Exercise 50/51/52。那个网站很棒。我只用过这 3 个,所以我选择了它们,可能还有更多。

此外,我又一次只做了一个月,在非专业非学术环境中,我自己安装了 Apache,Googled 一点点,并且至少为我自己安装和提供一个 HTML 文件也很容易,我想我很容易得到我的 Ruby 程序 运行,你只需要确保你理解目录路径应该是什么。

因此,即使您不需要,除非您正在做超出 HTML 和 CSS 以及基本 Javascript 的事情,请继续安装 Ruby 然后按照 Ruby 困难方法中的练习 50 来了解 localhost 是如何工作的(这比做 Apache IMO 更容易,但这是我的经验,而且你会通过非常简单的副本接触到 Ruby并从 Ruby 困难的方式粘贴),或者安装 Apache,这非常简单,得到它 运行,然后找出它要查找的目录 index.html 在你的系统上,然后确保将 index.html 放在正确的位置,加载浏览器,然后在地址栏中键入 localhost(在 chrome 上 windows 7 这就是你所需要的,我敢打赌 OSX 和 Linux 相同)。

事实上,在 Chrome 中输入 localhost(至少),您会看到 ERR_CN_REFUSED 或类似的东西。请注意 Chrome 通常会搜索 Internet。因此,loopback localhost 功能在 OS 中...很酷的东西,祝你好运。

您可以尝试一些 IDE 编码,例如 RubyMine 或 PHPStorm,当您在 Web 浏览器中 运行 您的代码时,它们会为您创建本地主机。我认为这可能会有所帮助,因为某些 Chrome 网络开发扩展不适用于本地页面,例如页面标尺等。