Docker 是一个非常受欢迎的容器化工具，它可以让开发者轻松地构建和运行应用程序。在本教程中，我们将介绍如何使用 Docker 创建和托管一个静态网站。本教程面向初学者，所以将详细介绍如何使用 Docker 和一些基本的命令。让我们开始吧！
准备工作
在开始使用 Docker 之前，我们需要做一些准备工作：
- 安装 Docker：访问 Docker 官网，找到适合自己系统的版本并下载并安装它。
- 创建一个目录：我们将在该目录下创建一个简单的静态网站。
- 下载一个静态网站模板：我们将使用这个模板作为我们的网站的基础。
步骤一：创建一个 Dockerfile
Dockerfile 是描述镜像构建过程的一种文件。在该文件中，我们可以定义应用程序所需要的环境和依赖项，并指定如何运行应用程序。新建一个名为 Dockerfile 的文件，并将以下内容复制到其中：
-- -------------------- ---- ------- - -- ------- ------ ---- -------------- - ------ ------- ---- - ----------- ---- - - - ----- --- --- ------- - ------ --- ------- --------
上面的文件将使用 Node.js 作为基础镜像，在容器中安装 Node.js，并将静态网站复制到工作目录。然后，安装依赖项并启动 Web 服务器。
步骤二：创建一个静态网站
我们可以使用任何静态网站模板或自己编写 Web 页面。在本教程中，我们将使用 Bootstrap 中的 Starter Template。
- 打开 Starter Template 页面。
- 鼠标右键单击页面上任何位置并选择“查看页面源代码”。
- 复制页面的 HTML 和 CSS 代码。
- 创建一个名为 public 的文件夹，并将复制的代码粘贴到一个名为 index.html 的文件中。
- 在 public 文件夹中创建一个名为 css 的文件夹，并将从 starter template 复制的 CSS 文件放在该文件夹中。
步骤三：构建镜像
在终端中，导航到我们创建的静态网站目录中，并执行以下命令来构建 Docker 镜像：
docker build -t my-static-website .
my-static-website 是我们为该镜像指定的名称。在该命令执行成功后，我们将得到一个包含静态网站的 Docker 镜像。
步骤四：运行容器
我们已经成功创建了 Docker 镜像。现在我们将运行该镜像并在容器中托管我们的静态网站。
执行以下命令：
docker run -d -p 8080:8080 my-static-website
在运行该命令后，我们将在容器中启动 Web 服务器，并将容器的端口 8080 映射到主机的端口 8080。现在，我们可以在任何 Web 浏览器中访问 http://localhost:8080，并看到我们的静态网站。
总结
在本教程中，我们介绍了如何使用 Docker 创建和托管一个静态网站。我们创建了一个 Docker 镜像并使用它来运行 Web 服务器。另外，我们还使用了一个简单的静态网站模板，并将其添加到了我们的容器中。本教程是初学者教程，所以我们非常详细地介绍了 Docker 和一些基本的命令。希望这个教程对您有所帮助！
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/6482d3d048841e9894230188