Docker部署Homepage个人引导页

个人名片：
对人间的热爱与歌颂，可抵岁月冗长🌞
个人主页👨🏻?💻：念舒_C.ying
个人博客🌏 ：念舒_C.ying

原作者：無名の主页
GitHub - imsyy/home at v4.0.4
【Vercel】教你部署imsyy/home个人主页_慕雪华年的博客-CSDN博客
下载源码后解压使用

1. 安装环境

• 安装 node.js 环境

node > 16.16.0
npm > 8.15.0

• 然后以 管理员权限 运行 cmd 终端，并 cd 到 项目根目录

# 安装 yarn
npm install -g yarn

# 安装依赖
yarn install

# 预览
yarn dev

# 构建
yarn build

构建完成后，静态资源会在 dist 目录 中生成，可将 dist 文件夹下的文件上传至服务器

2. Docker部署

• 创建docker-compose.yaml文件

version: '3.8'
services:
  web:
    image: nginx:latest
    ports:
      - "8000:80"
    volumes:
      - ./dist:/usr/share/nginx/html
    container_name: Personal homepage

• 启动容器

docker-compose up -d

浏览器访问http://ip:8000