如何预览静态网站？答案

【问题标题】：How to preview a static site?如何预览静态网站？
【发布时间】：2017-08-13 17:51:03
【问题描述】：

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

使用 React，我可以运行 npm start 并通过 localhost:8080 查看站点。

如果我只有 html 和 CSS 文件，我该如何预览？

【问题讨论】：

【解决方案1】：

在 OSX 上，您可以使用以下命令从任何目录运行简单的 Web 服务器：

python -m SimpleHTTPServer 8000

然后，您可以在浏览器中访问http://localhost:8000/path/to/file.html 中的目录

【讨论】：

【解决方案2】：

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

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

【讨论】：

【解决方案3】：

这通常取决于您的设备/操作系统以及您的最终目标是什么，但通常您可以使用（在线）软件为您呈现 HTML 和 CSS（例如 Brackets.io 等）。键入它（实时预览任何修改/添加），或者您可以使用本地网络服务器（例如 Xampp 或内置在简单网络服务器中的 OSX）将文档放在现场，并在每次使用代码保存更改时检查它们各自的本地主机位置编辑。

您也可以简单地使用Codepen 等在线应用程序，它还可以呈现 HTML 和 CSS，甚至是 JavaScript。 Codepen 刚刚在今天推出了Codepen Projects，它允许您在他们的网站上创建整个网站项目。然而，它是一项专业（付费）功能。

以下是提供您要求的功能的代码游乐场的简短概述（绝不是详尽的列表）：

当然你也可以在 StackOverflow 上插入 Snippets，它也可以渲染 HTML 和 CSS（和 JS）。

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

【讨论】：