如何预览静态站点?

How to preview a static site?

在 Rails 上使用 Ruby,我可以 运行 rails s -p 3000 并在 localhost:3000 预览我的网站。

使用 React,我可以 运行 npm start 并在 localhost:8080 查看站点。

如果我只有 html 和 CSS 个文件怎么办?我该如何预览?

这通常取决于您的 device/OS 和您的最终目标,但通常您可以使用(在线)软件为您呈现 HTML 和 CSS(例如 Brackets.io, etc.) whilst you are typing it (to live preview any modifications/additions), or you can put the documents live using a local webserver such as Xampp 或内置简单 Web 服务器的 OSX,并在每次使用代码编辑器保存更改时检查它们各自的本地主机位置。

您也可以简单地使用像 Codepen, which can also render HTML and CSS, and even JavaScript. Codepen just today launched Codepen Projects 这样的在线应用程序,它允许您在他们的网站上创建整个网站项目。但是,它是专业(付费)功能。

以下是提供您所请求的功能的代码游乐场的简短概述(绝不是详尽的列表):

JSFiddle

CSSDeck

CodePen

JSBin

当然,您可以在 Whosebug 上的此处插入代码片段,它也能够呈现 HTML 和 CSS(以及 JS)。

如果真的只用HTML和CSS,在浏览器中预览也是可以的,双击打开.html文件,在Internet Explorer中打开,Chrome,等等

您可以尝试在 index.html 中点击 2 次以在浏览器中打开文件。

每次更新 sublime text 中的代码,都需要重新加载浏览器,更新才会生效。

在 OSX 上,您可以使用此命令从任何目录 运行 一个简单的 Web 服务器:

python -m SimpleHTTPServer 8000

然后,您可以通过转到 http://localhost:8000/path/to/file.html

在浏览器中访问该目录