使用 Docker + Docker Compose 来避免和现有的 WordPress 服务冲突。这样你可以管理所有服务，并保持环境的整洁和独立性。
一、使用 Docker Compose 部署项目
1️⃣ 创建项目目录
mkdir -p /home/web/go2coding && cd /home/web/go2coding
2️⃣ 下载 GitHub 代码
git clone https://github.com/go2coding/go2coding.github.io.git site
现在，代码位于：
/home/web/go2coding/site
3️⃣ 创建 docker-compose.yml
在 /home/web/go2coding/ 目录下创建 docker-compose.yml：
vi /home/web/go2coding/docker-compose.yml
添加以下内容：
version: ‘3’
services:
go2coding-site:
image: nginx:latest
container_name: go2coding-site
restart: always
ports:
- "8080:80" # 这里使用 8080 端口，避免和 WordPress 冲突
volumes:
- ./site:/usr/share/nginx/html:ro
networks:
- web
networks:
web:
driver: bridge
4️⃣ 运行项目
在 /home/web/go2coding/ 目录下执行：
docker-compose up -d
这个命令会 拉取 Nginx 镜像 并 运行一个静态网站服务器。
它会在 8080 端口 提供网站，你可以通过 http://ip:8080 访问。
💡 总结
✅ 为什么用 Docker Compose？
不会影响 WordPress，它运行在独立的容器里。
可扩展性，后续可以轻松更新代码和管理多个站点。
✅ 如何访问？
http://ip:8080 （直接访问）
✅ 如何更新代码？
cd /home/web/go2coding/site
git pull origin main
docker-compose restart
这样你的 VPS 就能无缝运行 WordPress + 静态网站 了！🚀🚀🚀
二、修改页面内容，按照以下步骤操作：
🛠 1️⃣ 进入网站代码目录
你的网站代码应该在 /home/web/go2coding/site（根据之前的部署）。进入该目录：
cd /home/web/go2coding/site
📝 2️⃣ 修改网页文件
网站是静态的，主要由 HTML、CSS、JavaScript 组成，你可以编辑对应的文件：
vi index.html
CSS 样式（如果需要修改样式）：
vi assets/css/style.css
JavaScript 交互逻辑（如果有 JS 需要调整）：
vi assets/js/main.js
🔄 3️⃣ 保存修改并更新网站
🔹 方式 1：直接重启 Docker 容器
如果只是改了 HTML/CSS/JS：
docker-compose restart
网站会立即应用修改！
🔹 方式 2：Git 更新（如果是从 GitHub 拉取的）
如果你用 git pull 方式管理代码：
cd /home/web/go2coding/site
git pull origin main
docker-compose restart
这样，你可以直接从 GitHub 更新最新的修改。
🌐 4️⃣ 刷新浏览器缓存
因为静态网站的 CSS/JS 可能会被缓存，修改后可以：
强制刷新 Ctrl + Shift + R（Windows/Linux） 或 Cmd + Shift + R（Mac）
清理浏览器缓存，或者在 无痕模式 访问 https://ai.techshare.pp.ua/
🚀 其他改动建议
修改 Logo 或图标：检查 favicon.ico 或 /assets/images/ 目录。
添加新页面：创建 newpage.html，并在 index.html 里加上链接 <a href="newpage.html">新页面</a>。
🎯 总结
修改 HTML/CSS/JS：编辑 /home/web/go2coding/site/ 里的文件
重启网站：docker-compose restart
Git 更新（如果用 GitHub 管理）：git pull && docker-compose restart
三、 修改 /about/index.html
运行：
vi /home/web/go2coding/site/about/index.html
然后编辑 HTML 内容，例如：
<!DOCTYPE html>
<html lang="zh">
<head>
<meta charset="UTF-8">
<title>关于本站</title>
</head>
<body>
<h1>关于本站</h1>
<p>这是修改后的关于页面内容。</p>
<p>邮箱：your-email@example.com</p>
<p>QQ：123456789</p>
</body>
</html>
按 Esc，输入 :wq 保存退出。
🔄 2️⃣ 重启 Docker 容器
执行：
docker-compose restart
然后访问 https://ai.techshare.pp.ua/about/ 进行测试。
📌 其他修改建议
如果 /about/ 页面有 CSS 样式，可能还需要修改 /home/web/go2coding/site/assets/css/style.css。
如果页面有 JS 交互，可以查看 /home/web/go2coding/site/assets/js/main.js。
如果 /about/ 页面是从 GitHub 拉取的，你可能需要更新 Git 后再 docker-compose restart。
💡 你可以试试修改 /about/index.html 并重启 Docker，看看改动是否生效！🚀
