一键脚本

转载请注明出处。

安装weget curl依赖包
yum update -y && yum install curl -y #CentOS/Fedora
apt-get update -y && apt-get install curl -y #Debian/Ubuntu
远程下载代码

curl -sS -O https://raw.githubusercontent.com/ecouus/Shell/main/ecouu.sh && sudo chmod +x ecouu.sh && ./ecouu.sh

以个人主页personalpage为例的手动搭建教程

其他项目逻辑大差不差,仅列举此项目作为参考
博主个人页面演示: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的文件夹中:

/website
    |- index.html
    |- style.css

步骤 3: 创建Nginx配置文件

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

server {
    listen       80;
    server_name  localhost;

    location / {
        root   /usr/share/nginx/html;
        index  index.html;
    }

    access_log /var/log/nginx/yourwebsite_access.log;
    error_log /var/log/nginx/yourwebsite_error.log;
}

目录结构现在看起来像这样:

/website
    |- index.html
    |- style.css
    |- /nginx
        |- pwd.conf

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

docker run -d \
  -p 8099:80 \
  --name ccc \
  -v /home/dc/website/nginx/pwd.conf:/etc/nginx/pwd.conf \
  -v /home/dc/website/:/usr/share/nginx/html \
  nginx:alpine

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

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

直接打包下载即用,解压完后等效为上述教程中的website文件夹
https://github.com/imsyy/home (这个还没开源,但挺美观的)
https://github.com/DoWake/PersonalPage
https://github.com/5ime/Index

常用命令:

  • 查看所有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

最后修改:2024 年 12 月 07 日
如果觉得我的文章对你有用,请随意赞赏