前几日分享了自己手动搭建个人主页的帖子
见许多人对这个挺感兴趣,便耗时两天终于把一键脚本肝出来了,本人小白,没编程基础,慢慢来哈哈
博客教程:https://ecouu.com/archives/34/
博主个人页面演示: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 8899: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:8899访问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
暂无评论