image
type
Post
status
Published
date
Apr 9, 2024
slug
star30
summary
要通过Docker创建HTML、CSS以及配置Nginx,可以遵循以下步骤来创建一个Docker镜像,该镜像包含你的网站文件,并且配置了Nginx服务器来服务这些文件。
tags
Docker
建站
推荐
category
技术分享
icon
password
comments
AI 摘要
博主个人页面演示:https://ovok.best
懒人一键脚本:
curl -sS -O https://raw.githubusercontent.com/ecouus/Shell/main/pswb.sh && sudo chmod +x pswb.sh && ./pswb.sh
以下为手动安装教程:
要通过Docker创建HTML、CSS以及配置Nginx,可以遵循以下步骤来创建一个Docker镜像,该镜像包含你的网站文件,并且配置了Nginx服务器来服务这些文件。

步骤 1: 安装docker

对于基于Debian的系统(如Ubuntu)
sudo apt update && sudo apt upgrade -y
Docker提供的安装脚本,它会自动检测你的系统并安装最新版本的Docker:
curl -fsSL https://get.docker.com -o get-docker.sh
确保Docker服务已经启动,并设置为开机启动:
sudo sh get-docker.sh
sudo systemctl start docker
sudo systemctl enable docker

步骤 2: 准备你的网站文件

这将配置Nginx服务器,以/usr/share/nginx/html(此路径为docker容器内的路径,而非宿主机路径)作为根目录来服务你的网站。
首先在宿主机的某一目录下创建website文件,作者以/home/dc为例,再次目录下创建一个名为website文件
假设你的网站目录结构如下,所有文件都放在一个名为website的文件夹中:

步骤 3: 创建Nginx配置文件

website目录中,创建一个名为nginx的文件夹,并在该文件夹中创建一个名为pswb.conf的文件,内容如下:
(根据需求自行更改,此处演示直接通过ip访问)
目录结构现在看起来像这样:

步骤 4: 启动新的(命名为ccc)容器

大功告成,即可通过ip:8099访问html页面了!

推荐几个个人主页开源项目

直接打包下载即用,解压完后等效为上述教程中的website文件夹
https://github.com/imsyy/home (这个还没开源,但挺美观的)
常用命令:
  • 查看所有docker项目docker ps -a
  • 查看某一容器在宿主机中的路径 (abc123为容器id 使用时替换掉)docker inspect -f '{{ .GraphDriver.Data.MergedDir }}' abc123
  • 查看wensite容器的错误日志 使用时更改容器名与日志路径docker exec website cat /var/log/nginx/yourwebsite_error.log
  • 重启ccc容器中的nginx服务(ccc为容器名 使用时更改)docker exec ccc nginx -s reload
  • 查看nginx配置文件是否出错docker exec ccc nginx -t
要修改一个已存在的Docker容器的名称,你需要先停止该容器,然后使用 docker rename 命令来改名,最后可以重新启动容器。以下是步骤和示例命令:
停止旧容器(如果它正在运行):
docker stop website
重命名容器:
docker rename website myNewWebsite
这里,website 是原来的容器名称,而 myNewWebsite 是你想要改成的新名称。
重新启动容器(如果需要):
docker start myNewWebsite
 
CF高级防御规则用Gemini Pro和翻译设置
Loading...