"use strict"; const {Fragment: _Fragment, jsx: _jsx, jsxs: _jsxs} = arguments[0]; const {useMDXComponents: _provideComponents} = arguments[0]; function _createMdxContent(props) { const _components = { a: "a", blockquote: "blockquote", code: "code", figure: "figure", h1: "h1", h2: "h2", h3: "h3", img: "img", li: "li", p: "p", pre: "pre", span: "span", strong: "strong", table: "table", tbody: "tbody", td: "td", th: "th", thead: "thead", tr: "tr", ul: "ul", ..._provideComponents(), ...props.components }; return _jsxs(_Fragment, { children: [_jsx(_components.h1, { id: "github-actions-自动部署博客前后端记录", children: "Github Actions 自动部署博客前后端记录" }), "\n", _jsxs(_components.blockquote, { children: ["\n", _jsx(_components.p, { children: "本文记录了如何使用 GitHub Actions 实现博客前后端的自动部署，并通过 Docker 容器化部署，完全脱离 Vercel，实现自定义服务器部署流程。" }), "\n"] }), "\n", _jsx(_components.p, { children: _jsx(_components.strong, { children: "在线预览：" }) }), "\n", _jsxs(_components.ul, { children: ["\n", _jsxs(_components.li, { children: ["博客前台：", _jsx(_components.a, { href: "https://www.wanyue.me/", children: "https://www.wanyue.me" })] }), "\n", _jsxs(_components.li, { children: ["博客运维：", _jsx(_components.a, { href: "https://wanyue.me/admin", children: "https://wanyue.me/admin" })] }), "\n", _jsxs(_components.li, { children: ["Api文档：", _jsx(_components.a, { href: "https://wanyue.me/api/api-doc", children: "https://wanyue.me/api/api-doc" })] }), "\n"] }), "\n", _jsx(_components.h2, { id: "一公共设置", children: "一、公共设置" }), "\n", _jsx(_components.h3, { id: "1生成ssh私钥", children: "1.生成SSH私钥" }), "\n", _jsx(_components.figure, { "data-rehype-pretty-code-figure": "", children: _jsx(_components.pre, { style: { backgroundColor: "#FAFAFA", color: "#90A4AE" }, tabIndex: "0", "data-language": "sh", "data-theme": "material-theme-lighter", children: _jsx(_components.code, { "data-language": "sh", "data-theme": "material-theme-lighter", style: { display: "grid" }, children: _jsxs(_components.span, { "data-line": "", children: [_jsx(_components.span, { style: { color: "#E2931D" }, children: "ssh-keygen" }), _jsx(_components.span, { style: { color: "#91B859" }, children: " -t" }), _jsx(_components.span, { style: { color: "#91B859" }, children: " rsa" }), _jsx(_components.span, { style: { color: "#91B859" }, children: " -b" }), _jsx(_components.span, { style: { color: "#F76D47" }, children: " 4096" }), _jsx(_components.span, { style: { color: "#91B859" }, children: " -C" }), _jsx(_components.span, { style: { color: "#39ADB5" }, children: " \"" }), _jsx(_components.span, { style: { color: "#91B859" }, children: "your_email@example.com" }), _jsx(_components.span, { style: { color: "#39ADB5" }, children: "\"" })] }) }) }) }), "\n", _jsx(_components.h3, { id: "2将公钥添加到授权文件中", children: "2.将公钥添加到授权文件中" }), "\n", _jsx(_components.figure, { "data-rehype-pretty-code-figure": "", children: _jsx(_components.pre, { style: { backgroundColor: "#FAFAFA", color: "#90A4AE" }, tabIndex: "0", "data-language": "sh", "data-theme": "material-theme-lighter", children: _jsxs(_components.code, { "data-language": "sh", "data-theme": "material-theme-lighter", style: { display: "grid" }, children: [_jsx(_components.span, { "data-line": "", children: _jsx(_components.span, { style: { color: "#90A4AE", fontStyle: "italic" }, children: "# 将公钥添加到 authorized_keys 文件*" }) }), "\n", _jsx(_components.span, { "data-line": "", children: " " }), "\n", _jsxs(_components.span, { "data-line": "", children: [_jsx(_components.span, { style: { color: "#E2931D" }, children: "cat" }), _jsx(_components.span, { style: { color: "#91B859" }, children: " ~/.ssh/id_rsa.pub" }), _jsx(_components.span, { style: { color: "#90A4AE" }, children: " *" }), _jsx(_components.span, { style: { color: "#39ADB5" }, children: "*>>" }), _jsx(_components.span, { style: { color: "#90A4AE" }, children: "**" }), _jsx(_components.span, { style: { color: "#91B859" }, children: " ~/.ssh/authorized_keys" })] }), "\n", _jsx(_components.span, { "data-line": "", children: " " }), "\n", _jsx(_components.span, { "data-line": "", children: _jsx(_components.span, { style: { color: "#90A4AE", fontStyle: "italic" }, children: "# 设置正确的权限*" }) }), "\n", _jsx(_components.span, { "data-line": "", children: " " }), "\n", _jsxs(_components.span, { "data-line": "", children: [_jsx(_components.span, { style: { color: "#E2931D" }, children: "chmod" }), _jsx(_components.span, { style: { color: "#F76D47" }, children: " 600" }), _jsx(_components.span, { style: { color: "#91B859" }, children: " ~/.ssh/authorized_keys" })] }), "\n", _jsx(_components.span, { "data-line": "", children: " " }), "\n", _jsxs(_components.span, { "data-line": "", children: [_jsx(_components.span, { style: { color: "#E2931D" }, children: "chmod" }), _jsx(_components.span, { style: { color: "#F76D47" }, children: " 700" }), _jsx(_components.span, { style: { color: "#91B859" }, children: " ~/.ssh" })] })] }) }) }), "\n", _jsx(_components.h3, { id: "3github-secret设置", children: "3.Github Secret设置" }), "\n", _jsxs(_components.p, { children: [_jsx(_components.code, { children: "SSHPWD" }), ": 您的 SSH 私钥内容"] }), "\n", _jsxs(_components.p, { children: [_jsx(_components.code, { children: "HOST" }), ": 您的服务器 IP 地址或域名"] }), "\n", _jsxs(_components.p, { children: [_jsx(_components.code, { children: "USERNAME" }), ": 服务器登录用户名"] }), "\n", _jsx(_components.p, { children: _jsx(_components.img, { src: "https://p.ipic.vip/zdirnd.png", alt: "image-20250210144454285" }) }), "\n", _jsx(_components.h2, { id: "二github-actions自动部署nextjs应用", children: "二、Github Actions自动部署Next.js应用" }), "\n", _jsx(_components.p, { children: "前端应用相对简单，直接在docker环境中运行镜像即可" }), "\n", _jsxs(_components.p, { children: [_jsx(_components.strong, { children: "大致流程" }), "如下："] }), "\n", _jsx(_components.p, { children: _jsx(_components.img, { src: "https://p.ipic.vip/gbwtar.png", alt: "111" }) }), "\n", _jsx(_components.h3, { id: "1设置dockerfile", children: "1.设置Dockerfile" }), "\n", _jsx(_components.figure, { "data-rehype-pretty-code-figure": "", children: _jsx(_components.pre, { style: { backgroundColor: "#FAFAFA", color: "#90A4AE" }, tabIndex: "0", "data-language": "dockerfile", "data-theme": "material-theme-lighter", children: _jsxs(_components.code, { "data-language": "dockerfile", "data-theme": "material-theme-lighter", style: { display: "grid" }, children: [_jsx(_components.span, { "data-line": "", children: _jsx(_components.span, { style: { color: "#90A4AE", fontStyle: "italic" }, children: "# 构建阶段" }) }), "\n", _jsxs(_components.span, { "data-line": "", children: [_jsx(_components.span, { style: { color: "#F76D47" }, children: "FROM" }), _jsx(_components.span, { style: { color: "#90A4AE" }, children: " node:18-alpine " }), _jsx(_components.span, { style: { color: "#F76D47" }, children: "AS" }), _jsx(_components.span, { style: { color: "#90A4AE" }, children: " builder" })] }), "\n", _jsx(_components.span, { "data-line": "", children: " " }), "\n", _jsxs(_components.span, { "data-line": "", children: [_jsx(_components.span, { style: { color: "#F76D47" }, children: "WORKDIR" }), _jsx(_components.span, { style: { color: "#90A4AE" }, children: " /app" })] }), "\n", _jsx(_components.span, { "data-line": "", children: " " }), "\n", _jsx(_components.span, { "data-line": "", children: _jsx(_components.span, { style: { color: "#90A4AE", fontStyle: "italic" }, children: "# 全局安装 pnpm" }) }), "\n", _jsxs(_components.span, { "data-line": "", children: [_jsx(_components.span, { style: { color: "#F76D47" }, children: "RUN" }), _jsx(_components.span, { style: { color: "#90A4AE" }, children: " npm install -g pnpm && \\" })] }), "\n", _jsx(_components.span, { "data-line": "", children: _jsx(_components.span, { style: { color: "#90A4AE" }, children: " npm install -g pnpm@latest && \\" }) }), "\n", _jsx(_components.span, { "data-line": "", children: _jsx(_components.span, { style: { color: "#90A4AE" }, children: " pnpm config set registry https://registry.npmmirror.com/" }) }), "\n", _jsx(_components.span, { "data-line": "", children: " " }), "\n", _jsx(_components.span, { "data-line": "", children: _jsx(_components.span, { style: { color: "#90A4AE", fontStyle: "italic" }, children: "# 复制依赖文件" }) }), "\n", _jsxs(_components.span, { "data-line": "", children: [_jsx(_components.span, { style: { color: "#F76D47" }, children: "COPY" }), _jsx(_components.span, { style: { color: "#90A4AE" }, children: " package.json pnpm-lock.yaml .npmrc ./" })] }), "\n", _jsx(_components.span, { "data-line": "", children: " " }), "\n", _jsx(_components.span, { "data-line": "", children: _jsx(_components.span, { style: { color: "#90A4AE", fontStyle: "italic" }, children: "# 安装依赖" }) }), "\n", _jsxs(_components.span, { "data-line": "", children: [_jsx(_components.span, { style: { color: "#F76D47" }, children: "RUN" }), _jsx(_components.span, { style: { color: "#90A4AE" }, children: " pnpm install" })] }), "\n", _jsx(_components.span, { "data-line": "", children: " " }), "\n", _jsx(_components.span, { "data-line": "", children: _jsx(_components.span, { style: { color: "#90A4AE", fontStyle: "italic" }, children: "# 复制源代码" }) }), "\n", _jsxs(_components.span, { "data-line": "", children: [_jsx(_components.span, { style: { color: "#F76D47" }, children: "COPY" }), _jsx(_components.span, { style: { color: "#90A4AE" }, children: " . ." })] }), "\n", _jsx(_components.span, { "data-line": "", children: " " }), "\n", _jsx(_components.span, { "data-line": "", children: _jsx(_components.span, { style: { color: "#90A4AE", fontStyle: "italic" }, children: "# 构建应用" }) }), "\n", _jsxs(_components.span, { "data-line": "", children: [_jsx(_components.span, { style: { color: "#F76D47" }, children: "RUN" }), _jsx(_components.span, { style: { color: "#90A4AE" }, children: " pnpm build" })] }), "\n", _jsx(_components.span, { "data-line": "", children: " " }), "\n", _jsx(_components.span, { "data-line": "", children: _jsx(_components.span, { style: { color: "#90A4AE", fontStyle: "italic" }, children: "# 运行阶段" }) }), "\n", _jsxs(_components.span, { "data-line": "", children: [_jsx(_components.span, { style: { color: "#F76D47" }, children: "FROM" }), _jsx(_components.span, { style: { color: "#90A4AE" }, children: " node:18-alpine " }), _jsx(_components.span, { style: { color: "#F76D47" }, children: "AS" }), _jsx(_components.span, { style: { color: "#90A4AE" }, children: " runner" })] }), "\n", _jsx(_components.span, { "data-line": "", children: " " }), "\n", _jsxs(_components.span, { "data-line": "", children: [_jsx(_components.span, { style: { color: "#F76D47" }, children: "WORKDIR" }), _jsx(_components.span, { style: { color: "#90A4AE" }, children: " /app" })] }), "\n", _jsx(_components.span, { "data-line": "", children: " " }), "\n", _jsx(_components.span, { "data-line": "", children: _jsx(_components.span, { style: { color: "#90A4AE", fontStyle: "italic" }, children: "# 设置环境变量" }) }), "\n", _jsxs(_components.span, { "data-line": "", children: [_jsx(_components.span, { style: { color: "#F76D47" }, children: "ENV" }), _jsx(_components.span, { style: { color: "#90A4AE" }, children: " NODE_ENV production" })] }), "\n", _jsxs(_components.span, { "data-line": "", children: [_jsx(_components.span, { style: { color: "#F76D47" }, children: "ENV" }), _jsx(_components.span, { style: { color: "#90A4AE" }, children: " PORT 3000" })] }), "\n", _jsx(_components.span, { "data-line": "", children: " " }), "\n", _jsx(_components.span, { "data-line": "", children: _jsx(_components.span, { style: { color: "#90A4AE", fontStyle: "italic" }, children: "# 从构建阶段复制必要文件" }) }), "\n", _jsx(_components.span, { "data-line": "", children: _jsx(_components.span, { style: { color: "#90A4AE", fontStyle: "italic" }, children: "# 复制 standalone 目录" }) }), "\n", _jsxs(_components.span, { "data-line": "", children: [_jsx(_components.span, { style: { color: "#F76D47" }, children: "COPY" }), _jsx(_components.span, { style: { color: "#90A4AE" }, children: " --from=builder /app/.next/standalone ./" })] }), "\n", _jsx(_components.span, { "data-line": "", children: _jsx(_components.span, { style: { color: "#90A4AE", fontStyle: "italic" }, children: "# 复制静态文件" }) }), "\n", _jsxs(_components.span, { "data-line": "", children: [_jsx(_components.span, { style: { color: "#F76D47" }, children: "COPY" }), _jsx(_components.span, { style: { color: "#90A4AE" }, children: " --from=builder /app/.next/static ./.next/static" })] }), "\n", _jsx(_components.span, { "data-line": "", children: _jsx(_components.span, { style: { color: "#90A4AE", fontStyle: "italic" }, children: "# 复制公共文件（如果有）" }) }), "\n", _jsxs(_components.span, { "data-line": "", children: [_jsx(_components.span, { style: { color: "#F76D47" }, children: "COPY" }), _jsx(_components.span, { style: { color: "#90A4AE" }, children: " --from=builder /app/public ./public" })] }), "\n", _jsx(_components.span, { "data-line": "", children: " " }), "\n", _jsx(_components.span, { "data-line": "", children: _jsx(_components.span, { style: { color: "#90A4AE", fontStyle: "italic" }, children: "# 暴露端口" }) }), "\n", _jsxs(_components.span, { "data-line": "", children: [_jsx(_components.span, { style: { color: "#F76D47" }, children: "EXPOSE" }), _jsx(_components.span, { style: { color: "#90A4AE" }, children: " 3000" })] }), "\n", _jsx(_components.span, { "data-line": "", children: " " }), "\n", _jsx(_components.span, { "data-line": "", children: _jsx(_components.span, { style: { color: "#90A4AE", fontStyle: "italic" }, children: "# 启动服务" }) }), "\n", _jsxs(_components.span, { "data-line": "", children: [_jsx(_components.span, { style: { color: "#F76D47" }, children: "CMD" }), _jsx(_components.span, { style: { color: "#90A4AE" }, children: " [" }), _jsx(_components.span, { style: { color: "#91B859" }, children: "\"node\"" }), _jsx(_components.span, { style: { color: "#90A4AE" }, children: ", " }), _jsx(_components.span, { style: { color: "#91B859" }, children: "\"server.js\"" }), _jsx(_components.span, { style: { color: "#90A4AE" }, children: "]" })] })] }) }) }), "\n", _jsxs(_components.p, { children: ["这里其他都比较好理解，对", _jsx(_components.code, { children: "standalone" }), "相关进行说明"] }), "\n", _jsxs(_components.p, { children: ["这是对Nextjs镜像体积的", _jsx(_components.strong, { children: "优化" }), "："] }), "\n", _jsxs(_components.p, { children: [_jsx(_components.strong, { children: "背景" }), "：为了支持SSR，Next.js项目构建完成后的产物不仅仅是前端的静态资产，还包含可以使用node命令运行的js文件，以及", _jsx(_components.code, { children: "node_modules" }), "文件夹，导致整体文件偏大。"] }), "\n", _jsxs(_components.p, { children: [_jsx(_components.strong, { children: "解决方法" }), "：使用官方的", _jsx(_components.code, { children: " output: \"standalone\"" }), "设置，", _jsx(_components.a, { href: "https://nextjs.org/docs/pages/api-reference/config/next-config-js/output", children: "官网参考" }), "，打包后会输出一个不带", _jsx(_components.code, { children: "node_modules" }), "的最小", _jsx(_components.code, { children: "server.js" }), "文件，可以直接代替", _jsx(_components.code, { children: "next start" })] }), "\n", _jsx(_components.p, { children: _jsx(_components.img, { src: "https://p.ipic.vip/mjutoq.png", alt: "image-20250212205838866" }) }), "\n", _jsx(_components.p, { children: "可以看到这个最小包是不包含静态文件的，因此在dockerfile需要将静态文件复制到 standalone 目录" }), "\n", _jsxs(_components.p, { children: [_jsx(_components.strong, { children: "简而言之" }), "，使用 ", _jsx(_components.code, { children: "output: \"standalone\"" }), " 的主要目的是生成一个更加轻量化的部署包，减少冗余文件，并且保持 SSR 功能的同时优化了部署流程。"] }), "\n", _jsx(_components.h3, { id: "2设置-github-actions-workflow", children: "2.设置 Github Actions Workflow" }), "\n", _jsxs(_components.p, { children: [_jsx(_components.strong, { children: "路径：" }), "/.github/workflows/deploy.yml"] }), "\n", _jsx(_components.figure, { "data-rehype-pretty-code-figure": "", children: _jsx(_components.pre, { style: { backgroundColor: "#FAFAFA", color: "#90A4AE" }, tabIndex: "0", "data-language": "yml", "data-theme": "material-theme-lighter", children: _jsxs(_components.code, { "data-language": "yml", "data-theme": "material-theme-lighter", style: { display: "grid" }, children: [_jsxs(_components.span, { "data-line": "", children: [_jsx(_components.span, { style: { color: "#E53935" }, children: "name" }), _jsx(_components.span, { style: { color: "#39ADB5" }, children: ":" }), _jsx(_components.span, { style: { color: "#91B859" }, children: " Deploy Next.js to Cloud Server" })] }), "\n", _jsx(_components.span, { "data-line": "", children: " " }), "\n", _jsxs(_components.span, { "data-line": "", children: [_jsx(_components.span, { style: { color: "#FF5370" }, children: "on" }), _jsx(_components.span, { style: { color: "#39ADB5" }, children: ":" })] }), "\n", _jsxs(_components.span, { "data-line": "", children: [_jsx(_components.span, { style: { color: "#E53935" }, children: " push" }), _jsx(_components.span, { style: { color: "#39ADB5" }, children: ":" })] }), "\n", _jsxs(_components.span, { "data-line": "", children: [_jsx(_components.span, { style: { color: "#E53935" }, children: " branches" }), _jsx(_components.span, { style: { color: "#39ADB5" }, children: ":" })] }), "\n", _jsxs(_components.span, { "data-line": "", children: [_jsx(_components.span, { style: { color: "#39ADB5" }, children: " -" }), _jsx(_components.span, { style: { color: "#91B859" }, children: " main" }), _jsx(_components.span, { style: { color: "#90A4AE", fontStyle: "italic" }, children: " # 当推送到主分支时触发" })] }), "\n", _jsx(_components.span, { "data-line": "", children: " " }), "\n", _jsxs(_components.span, { "data-line": "", children: [_jsx(_components.span, { style: { color: "#E53935" }, children: "jobs" }), _jsx(_components.span, { style: { color: "#39ADB5" }, children: ":" })] }), "\n", _jsxs(_components.span, { "data-line": "", children: [_jsx(_components.span, { style: { color: "#E53935" }, children: " deploy" }), _jsx(_components.span, { style: { color: "#39ADB5" }, children: ":" })] }), "\n", _jsxs(_components.span, { "data-line": "", children: [_jsx(_components.span, { style: { color: "#E53935" }, children: " runs-on" }), _jsx(_components.span, { style: { color: "#39ADB5" }, children: ":" }), _jsx(_components.span, { style: { color: "#91B859" }, children: " ubuntu-latest" })] }), "\n", _jsx(_components.span, { "data-line": "", children: " " }), "\n", _jsxs(_components.span, { "data-line": "", children: [_jsx(_components.span, { style: { color: "#E53935" }, children: " steps" }), _jsx(_components.span, { style: { color: "#39ADB5" }, children: ":" })] }), "\n", _jsxs(_components.span, { "data-line": "", children: [_jsx(_components.span, { style: { color: "#39ADB5" }, children: " -" }), _jsx(_components.span, { style: { color: "#E53935" }, children: " name" }), _jsx(_components.span, { style: { color: "#39ADB5" }, children: ":" }), _jsx(_components.span, { style: { color: "#91B859" }, children: " Checkout code" })] }), "\n", _jsxs(_components.span, { "data-line": "", children: [_jsx(_components.span, { style: { color: "#E53935" }, children: " uses" }), _jsx(_components.span, { style: { color: "#39ADB5" }, children: ":" }), _jsx(_components.span, { style: { color: "#91B859" }, children: " actions/checkout@v2" })] }), "\n", _jsx(_components.span, { "data-line": "", children: " " }), "\n", _jsxs(_components.span, { "data-line": "", children: [_jsx(_components.span, { style: { color: "#39ADB5" }, children: " -" }), _jsx(_components.span, { style: { color: "#E53935" }, children: " name" }), _jsx(_components.span, { style: { color: "#39ADB5" }, children: ":" }), _jsx(_components.span, { style: { color: "#91B859" }, children: " Set up Docker Buildx" })] }), "\n", _jsxs(_components.span, { "data-line": "", children: [_jsx(_components.span, { style: { color: "#E53935" }, children: " uses" }), _jsx(_components.span, { style: { color: "#39ADB5" }, children: ":" }), _jsx(_components.span, { style: { color: "#91B859" }, children: " docker/setup-buildx-action@v2" })] }), "\n", _jsx(_components.span, { "data-line": "", children: " " }), "\n", _jsxs(_components.span, { "data-line": "", children: [_jsx(_components.span, { style: { color: "#39ADB5" }, children: " -" }), _jsx(_components.span, { style: { color: "#E53935" }, children: " name" }), _jsx(_components.span, { style: { color: "#39ADB5" }, children: ":" }), _jsx(_components.span, { style: { color: "#91B859" }, children: " Log in to Docker Hub" })] }), "\n", _jsxs(_components.span, { "data-line": "", children: [_jsx(_components.span, { style: { color: "#E53935" }, children: " uses" }), _jsx(_components.span, { style: { color: "#39ADB5" }, children: ":" }), _jsx(_components.span, { style: { color: "#91B859" }, children: " docker/login-action@v2" })] }), "\n", _jsxs(_components.span, { "data-line": "", children: [_jsx(_components.span, { style: { color: "#E53935" }, children: " with" }), _jsx(_components.span, { style: { color: "#39ADB5" }, children: ":" })] }), "\n", _jsxs(_components.span, { "data-line": "", children: [_jsx(_components.span, { style: { color: "#E53935" }, children: " username" }), _jsx(_components.span, { style: { color: "#39ADB5" }, children: ":" }), _jsx(_components.span, { style: { color: "#91B859" }, children: " ${{ secrets.DOCKER_USERNAME }}" })] }), "\n", _jsxs(_components.span, { "data-line": "", children: [_jsx(_components.span, { style: { color: "#E53935" }, children: " password" }), _jsx(_components.span, { style: { color: "#39ADB5" }, children: ":" }), _jsx(_components.span, { style: { color: "#91B859" }, children: " ${{ secrets.DOCKER_PASSWORD }}" })] }), "\n", _jsx(_components.span, { "data-line": "", children: " " }), "\n", _jsxs(_components.span, { "data-line": "", children: [_jsx(_components.span, { style: { color: "#39ADB5" }, children: " -" }), _jsx(_components.span, { style: { color: "#E53935" }, children: " name" }), _jsx(_components.span, { style: { color: "#39ADB5" }, children: ":" }), _jsx(_components.span, { style: { color: "#91B859" }, children: " Build Docker image" })] }), "\n", _jsxs(_components.span, { "data-line": "", children: [_jsx(_components.span, { style: { color: "#E53935" }, children: " run" }), _jsx(_components.span, { style: { color: "#39ADB5" }, children: ":" }), _jsx(_components.span, { style: { color: "#39ADB5", fontStyle: "italic" }, children: " |" })] }), "\n", _jsx(_components.span, { "data-line": "", children: _jsx(_components.span, { style: { color: "#91B859" }, children: " docker build -t lizh606/wanyue-blog:latest ." }) }), "\n", _jsx(_components.span, { "data-line": "", children: " " }), "\n", _jsxs(_components.span, { "data-line": "", children: [_jsx(_components.span, { style: { color: "#39ADB5" }, children: " -" }), _jsx(_components.span, { style: { color: "#E53935" }, children: " name" }), _jsx(_components.span, { style: { color: "#39ADB5" }, children: ":" }), _jsx(_components.span, { style: { color: "#91B859" }, children: " Push Docker image to Docker Hub" })] }), "\n", _jsxs(_components.span, { "data-line": "", children: [_jsx(_components.span, { style: { color: "#E53935" }, children: " run" }), _jsx(_components.span, { style: { color: "#39ADB5" }, children: ":" }), _jsx(_components.span, { style: { color: "#39ADB5", fontStyle: "italic" }, children: " |" })] }), "\n", _jsx(_components.span, { "data-line": "", children: _jsx(_components.span, { style: { color: "#91B859" }, children: " docker push lizh606/wanyue-blog:latest" }) }), "\n", _jsx(_components.span, { "data-line": "", children: " " }), "\n", _jsxs(_components.span, { "data-line": "", children: [_jsx(_components.span, { style: { color: "#39ADB5" }, children: " -" }), _jsx(_components.span, { style: { color: "#E53935" }, children: " name" }), _jsx(_components.span, { style: { color: "#39ADB5" }, children: ":" }), _jsx(_components.span, { style: { color: "#91B859" }, children: " SSH to remote server and deploy" })] }), "\n", _jsxs(_components.span, { "data-line": "", children: [_jsx(_components.span, { style: { color: "#E53935" }, children: " uses" }), _jsx(_components.span, { style: { color: "#39ADB5" }, children: ":" }), _jsx(_components.span, { style: { color: "#91B859" }, children: " appleboy/ssh-action@master" })] }), "\n", _jsxs(_components.span, { "data-line": "", children: [_jsx(_components.span, { style: { color: "#E53935" }, children: " with" }), _jsx(_components.span, { style: { color: "#39ADB5" }, children: ":" })] }), "\n", _jsxs(_components.span, { "data-line": "", children: [_jsx(_components.span, { style: { color: "#E53935" }, children: " host" }), _jsx(_components.span, { style: { color: "#39ADB5" }, children: ":" }), _jsx(_components.span, { style: { color: "#91B859" }, children: " ${{ secrets.HOST }}" })] }), "\n", _jsxs(_components.span, { "data-line": "", children: [_jsx(_components.span, { style: { color: "#E53935" }, children: " username" }), _jsx(_components.span, { style: { color: "#39ADB5" }, children: ":" }), _jsx(_components.span, { style: { color: "#91B859" }, children: " ${{ secrets.USERNAME }}" })] }), "\n", _jsxs(_components.span, { "data-line": "", children: [_jsx(_components.span, { style: { color: "#E53935" }, children: " key" }), _jsx(_components.span, { style: { color: "#39ADB5" }, children: ":" }), _jsx(_components.span, { style: { color: "#91B859" }, children: " ${{ secrets.SSHPWD }}" })] }), "\n", _jsxs(_components.span, { "data-line": "", children: [_jsx(_components.span, { style: { color: "#E53935" }, children: " port" }), _jsx(_components.span, { style: { color: "#39ADB5" }, children: ":" }), _jsx(_components.span, { style: { color: "#F76D47" }, children: " 22" })] }), "\n", _jsxs(_components.span, { "data-line": "", children: [_jsx(_components.span, { style: { color: "#E53935" }, children: " debug" }), _jsx(_components.span, { style: { color: "#39ADB5" }, children: ":" }), _jsx(_components.span, { style: { color: "#FF5370" }, children: " true" })] }), "\n", _jsxs(_components.span, { "data-line": "", children: [_jsx(_components.span, { style: { color: "#E53935" }, children: " script" }), _jsx(_components.span, { style: { color: "#39ADB5" }, children: ":" }), _jsx(_components.span, { style: { color: "#39ADB5", fontStyle: "italic" }, children: " |" })] }), "\n", _jsx(_components.span, { "data-line": "", children: _jsx(_components.span, { style: { color: "#91B859" }, children: " # 登录后，拉取最新的 Docker 镜像并启动容器" }) }), "\n", _jsx(_components.span, { "data-line": "", children: _jsx(_components.span, { style: { color: "#91B859" }, children: " docker pull lizh606/wanyue-blog:latest" }) }), "\n", _jsx(_components.span, { "data-line": "", children: _jsx(_components.span, { style: { color: "#91B859" }, children: " docker stop next-client || true" }) }), "\n", _jsx(_components.span, { "data-line": "", children: _jsx(_components.span, { style: { color: "#91B859" }, children: " docker rm next-client || true" }) }), "\n", _jsx(_components.span, { "data-line": "", children: _jsx(_components.span, { style: { color: "#91B859" }, children: " docker run -d --name next-client -p 3000:3000 lizh606/wanyue-blog:latest" }) }), "\n", _jsx(_components.span, { "data-line": "", children: " " })] }) }) }), "\n", _jsx(_components.p, { children: "也就是对应上面👆流程图的步骤" }), "\n", _jsx(_components.p, { children: "完成后提交代码开始执行" }), "\n", _jsx(_components.h2, { id: "三github-actions-自动部署-vue-应用", children: "三、Github Actions 自动部署 Vue 应用" }), "\n", _jsx(_components.p, { children: "Vue项目的部署类似，这里不过多介绍" }), "\n", _jsx(_components.h3, { id: "1设置dockerfile-1", children: "1.设置Dockerfile" }), "\n", _jsx(_components.figure, { "data-rehype-pretty-code-figure": "", children: _jsx(_components.pre, { style: { backgroundColor: "#FAFAFA", color: "#90A4AE" }, tabIndex: "0", "data-language": "dockerfile", "data-theme": "material-theme-lighter", children: _jsxs(_components.code, { "data-language": "dockerfile", "data-theme": "material-theme-lighter", style: { display: "grid" }, children: [_jsx(_components.span, { "data-line": "", children: _jsx(_components.span, { style: { color: "#90A4AE", fontStyle: "italic" }, children: "# 使用官方 Nginx 镜像作为基础镜像" }) }), "\n", _jsxs(_components.span, { "data-line": "", children: [_jsx(_components.span, { style: { color: "#F76D47" }, children: "FROM" }), _jsx(_components.span, { style: { color: "#90A4AE" }, children: " nginx:latest" })] }), "\n", _jsx(_components.span, { "data-line": "", children: " " }), "\n", _jsx(_components.span, { "data-line": "", children: _jsx(_components.span, { style: { color: "#90A4AE", fontStyle: "italic" }, children: "# 复制自定义的 nginx 配置文件到容器中" }) }), "\n", _jsxs(_components.span, { "data-line": "", children: [_jsx(_components.span, { style: { color: "#F76D47" }, children: "COPY" }), _jsx(_components.span, { style: { color: "#90A4AE" }, children: " nginx.conf /etc/nginx/nginx.conf" })] }), "\n", _jsx(_components.span, { "data-line": "", children: " " }), "\n", _jsx(_components.span, { "data-line": "", children: _jsx(_components.span, { style: { color: "#90A4AE", fontStyle: "italic" }, children: "# 复制构建的应用文件到 Nginx 的默认静态文件目录" }) }), "\n", _jsxs(_components.span, { "data-line": "", children: [_jsx(_components.span, { style: { color: "#F76D47" }, children: "COPY" }), _jsx(_components.span, { style: { color: "#90A4AE" }, children: " dist /usr/share/nginx/html" })] }), "\n", _jsx(_components.span, { "data-line": "", children: " " }), "\n", _jsx(_components.span, { "data-line": "", children: _jsx(_components.span, { style: { color: "#90A4AE", fontStyle: "italic" }, children: "# 暴露容器的 8080 端口" }) }), "\n", _jsxs(_components.span, { "data-line": "", children: [_jsx(_components.span, { style: { color: "#F76D47" }, children: "EXPOSE" }), _jsx(_components.span, { style: { color: "#90A4AE" }, children: " 8080" })] }), "\n", _jsx(_components.span, { "data-line": "", children: " " }), "\n", _jsx(_components.span, { "data-line": "", children: _jsx(_components.span, { style: { color: "#90A4AE", fontStyle: "italic" }, children: "# 启动 Nginx 让Nginx在前台运行，而不是作为守护进程在后台运行。" }) }), "\n", _jsxs(_components.span, { "data-line": "", children: [_jsx(_components.span, { style: { color: "#F76D47" }, children: "CMD" }), _jsx(_components.span, { style: { color: "#90A4AE" }, children: " [" }), _jsx(_components.span, { style: { color: "#91B859" }, children: "\"nginx\"" }), _jsx(_components.span, { style: { color: "#90A4AE" }, children: ", " }), _jsx(_components.span, { style: { color: "#91B859" }, children: "\"-g\"" }), _jsx(_components.span, { style: { color: "#90A4AE" }, children: ", " }), _jsx(_components.span, { style: { color: "#91B859" }, children: "\"daemon off;\"" }), _jsx(_components.span, { style: { color: "#90A4AE" }, children: "]" })] })] }) }) }), "\n", _jsx(_components.h3, { id: "2设置-nginx-配置nginxconf", children: "2.设置 Nginx 配置（nginx.conf）" }), "\n", _jsxs(_components.p, { children: ["⚠️ 项目中使用了域名，最后路径为", _jsx(_components.code, { children: "域名/admin" }), "，所以需要设置路由基本路径为", _jsx(_components.code, { children: "/admin/" }), ",将 IP 访问重定向到域名是处理在ip+端口无法访问到资源问题，若无域名，中间的处理步骤可删除"] }), "\n", _jsx(_components.figure, { "data-rehype-pretty-code-figure": "", children: _jsx(_components.pre, { style: { backgroundColor: "#FAFAFA", color: "#90A4AE" }, tabIndex: "0", "data-language": "nginx", "data-theme": "material-theme-lighter", children: _jsxs(_components.code, { "data-language": "nginx", "data-theme": "material-theme-lighter", style: { display: "grid" }, children: [_jsxs(_components.span, { "data-line": "", children: [_jsx(_components.span, { style: { color: "#39ADB5" }, children: "user " }), _jsx(_components.span, { style: { color: "#90A4AE" }, children: " nginx" }), _jsx(_components.span, { style: { color: "#39ADB5" }, children: ";" })] }), "\n", _jsxs(_components.span, { "data-line": "", children: [_jsx(_components.span, { style: { color: "#39ADB5" }, children: "worker_processes " }), _jsx(_components.span, { style: { color: "#90A4AE" }, children: "auto" }), _jsx(_components.span, { style: { color: "#39ADB5" }, children: ";" })] }), "\n", _jsxs(_components.span, { "data-line": "", children: [_jsx(_components.span, { style: { color: "#39ADB5" }, children: "pid " }), _jsx(_components.span, { style: { color: "#90A4AE" }, children: "/run/nginx.pid" }), _jsx(_components.span, { style: { color: "#39ADB5" }, children: ";" })] }), "\n", _jsx(_components.span, { "data-line": "", children: " " }), "\n", _jsxs(_components.span, { "data-line": "", children: [_jsx(_components.span, { style: { color: "#9C3EDA" }, children: "events" }), _jsx(_components.span, { style: { color: "#90A4AE" }, children: " {" })] }), "\n", _jsxs(_components.span, { "data-line": "", children: [_jsx(_components.span, { style: { color: "#39ADB5" }, children: " worker_connections " }), _jsx(_components.span, { style: { color: "#F76D47" }, children: " 1024" }), _jsx(_components.span, { style: { color: "#39ADB5" }, children: ";" })] }), "\n", _jsx(_components.span, { "data-line": "", children: _jsx(_components.span, { style: { color: "#90A4AE" }, children: "}" }) }), "\n", _jsx(_components.span, { "data-line": "", children: " " }), "\n", _jsx(_components.span, { "data-line": "", children: " " }), "\n", _jsxs(_components.span, { "data-line": "", children: [_jsx(_components.span, { style: { color: "#9C3EDA" }, children: "http" }), _jsx(_components.span, { style: { color: "#90A4AE" }, children: " {" })] }), "\n", _jsxs(_components.span, { "data-line": "", children: [_jsx(_components.span, { style: { color: "#39ADB5" }, children: " include " }), _jsx(_components.span, { style: { color: "#90A4AE" }, children: " mime.types" }), _jsx(_components.span, { style: { color: "#39ADB5" }, children: ";" })] }), "\n", _jsxs(_components.span, { "data-line": "", children: [_jsx(_components.span, { style: { color: "#39ADB5" }, children: " default_type " }), _jsx(_components.span, { style: { color: "#90A4AE" }, children: " application/octet-stream" }), _jsx(_components.span, { style: { color: "#39ADB5" }, children: ";" })] }), "\n", _jsx(_components.span, { "data-line": "", children: _jsx(_components.span, { style: { color: "#39ADB5" }, children: " gzip on;" }) }), "\n", _jsx(_components.span, { "data-line": "", children: " " }), "\n", _jsx(_components.span, { "data-line": "", children: _jsx(_components.span, { style: { color: "#90A4AE", fontStyle: "italic" }, children: " # 服务器配置" }) }), "\n", _jsxs(_components.span, { "data-line": "", children: [_jsx(_components.span, { style: { color: "#9C3EDA" }, children: " server" }), _jsx(_components.span, { style: { color: "#90A4AE" }, children: " {" })] }), "\n", _jsxs(_components.span, { "data-line": "", children: [_jsx(_components.span, { style: { color: "#39ADB5" }, children: " listen " }), _jsx(_components.span, { style: { color: "#F76D47" }, children: " 8080" }), _jsx(_components.span, { style: { color: "#39ADB5" }, children: ";" })] }), "\n", _jsxs(_components.span, { "data-line": "", children: [_jsx(_components.span, { style: { color: "#39ADB5" }, children: " server_name " }), _jsx(_components.span, { style: { color: "#90A4AE" }, children: " ip" }), _jsx(_components.span, { style: { color: "#39ADB5" }, children: ";" })] }), "\n", _jsx(_components.span, { "data-line": "", children: " " }), "\n", _jsx(_components.span, { "data-line": "", children: _jsx(_components.span, { style: { color: "#90A4AE", fontStyle: "italic" }, children: " # 将 IP 访问重定向到域名" }) }), "\n", _jsxs(_components.span, { "data-line": "", children: [_jsx(_components.span, { style: { color: "#39ADB5", fontStyle: "italic" }, children: " if" }), _jsx(_components.span, { style: { color: "#90A4AE" }, children: " (" }), _jsx(_components.span, { style: { color: "#39ADB5" }, children: "$" }), _jsx(_components.span, { style: { color: "#90A4AE" }, children: "host " }), _jsx(_components.span, { style: { color: "#39ADB5" }, children: "= " }), _jsx(_components.span, { style: { color: "#91B859" }, children: "'ip:端口'" }), _jsx(_components.span, { style: { color: "#90A4AE" }, children: ") " }), _jsx(_components.span, { style: { color: "#E53935" }, children: "{" })] }), "\n", _jsxs(_components.span, { "data-line": "", children: [_jsx(_components.span, { style: { color: "#39ADB5", fontStyle: "italic" }, children: " return" }), _jsx(_components.span, { style: { color: "#F76D47" }, children: " 301" }), _jsx(_components.span, { style: { color: "#E53935" }, children: " https://wanyue.me" }), _jsx(_components.span, { style: { color: "#39ADB5" }, children: "$" }), _jsx(_components.span, { style: { color: "#90A4AE" }, children: "request_uri" }), _jsx(_components.span, { style: { color: "#E53935" }, children: ";" })] }), "\n", _jsx(_components.span, { "data-line": "", children: _jsx(_components.span, { style: { color: "#E53935" }, children: " }" }) }), "\n", _jsx(_components.span, { "data-line": "", children: " " }), "\n", _jsx(_components.span, { "data-line": "", children: _jsx(_components.span, { style: { color: "#90A4AE", fontStyle: "italic" }, children: " # 根目录设置" }) }), "\n", _jsxs(_components.span, { "data-line": "", children: [_jsx(_components.span, { style: { color: "#39ADB5" }, children: " root " }), _jsx(_components.span, { style: { color: "#90A4AE" }, children: " /usr/share/nginx/html" }), _jsx(_components.span, { style: { color: "#39ADB5" }, children: ";" })] }), "\n", _jsxs(_components.span, { "data-line": "", children: [_jsx(_components.span, { style: { color: "#39ADB5" }, children: " index " }), _jsx(_components.span, { style: { color: "#90A4AE" }, children: "index.html index.htm" }), _jsx(_components.span, { style: { color: "#39ADB5" }, children: ";" })] }), "\n", _jsx(_components.span, { "data-line": "", children: " " }), "\n", _jsx(_components.span, { "data-line": "", children: _jsx(_components.span, { style: { color: "#90A4AE", fontStyle: "italic" }, children: " # 处理 JavaScript 文件的 MIME 类型" }) }), "\n", _jsxs(_components.span, { "data-line": "", children: [_jsx(_components.span, { style: { color: "#9C3EDA" }, children: " location" }), _jsx(_components.span, { style: { color: "#39ADB5" }, children: " ~*" }), _jsx(_components.span, { style: { color: "#91B859" }, children: " \\.js$ " }), _jsx(_components.span, { style: { color: "#90A4AE" }, children: "{" })] }), "\n", _jsxs(_components.span, { "data-line": "", children: [_jsx(_components.span, { style: { color: "#39ADB5" }, children: " add_header " }), _jsx(_components.span, { style: { color: "#90A4AE" }, children: "Content-Type application/javascript" }), _jsx(_components.span, { style: { color: "#39ADB5" }, children: ";" })] }), "\n", _jsxs(_components.span, { "data-line": "", children: [_jsx(_components.span, { style: { color: "#39ADB5" }, children: " try_files $" }), _jsx(_components.span, { style: { color: "#90A4AE" }, children: "uri " }), _jsx(_components.span, { style: { color: "#F76D47" }, children: "=404" }), _jsx(_components.span, { style: { color: "#39ADB5" }, children: ";" })] }), "\n", _jsx(_components.span, { "data-line": "", children: _jsx(_components.span, { style: { color: "#90A4AE" }, children: " }" }) }), "\n", _jsx(_components.span, { "data-line": "", children: " " }), "\n", _jsx(_components.span, { "data-line": "", children: _jsx(_components.span, { style: { color: "#90A4AE", fontStyle: "italic" }, children: " # 处理 /admin 路径" }) }), "\n", _jsxs(_components.span, { "data-line": "", children: [_jsx(_components.span, { style: { color: "#9C3EDA" }, children: " location" }), _jsx(_components.span, { style: { color: "#E2931D" }, children: " /admin " }), _jsx(_components.span, { style: { color: "#90A4AE" }, children: "{" })] }), "\n", _jsxs(_components.span, { "data-line": "", children: [_jsx(_components.span, { style: { color: "#39ADB5" }, children: " alias " }), _jsx(_components.span, { style: { color: "#90A4AE" }, children: "/usr/share/nginx/html" }), _jsx(_components.span, { style: { color: "#39ADB5" }, children: ";" }), _jsx(_components.span, { style: { color: "#90A4AE", fontStyle: "italic" }, children: " # 使用 alias 而不是 root" })] }), "\n", _jsxs(_components.span, { "data-line": "", children: [_jsx(_components.span, { style: { color: "#39ADB5" }, children: " try_files $" }), _jsx(_components.span, { style: { color: "#90A4AE" }, children: "uri " }), _jsx(_components.span, { style: { color: "#39ADB5" }, children: "$" }), _jsx(_components.span, { style: { color: "#90A4AE" }, children: "uri/ /admin/index.html" }), _jsx(_components.span, { style: { color: "#39ADB5" }, children: ";" })] }), "\n", _jsx(_components.span, { "data-line": "", children: " " }), "\n", _jsx(_components.span, { "data-line": "", children: _jsx(_components.span, { style: { color: "#90A4AE", fontStyle: "italic" }, children: " # 处理静态资源" }) }), "\n", _jsxs(_components.span, { "data-line": "", children: [_jsx(_components.span, { style: { color: "#9C3EDA" }, children: " location" }), _jsx(_components.span, { style: { color: "#39ADB5" }, children: " ~" }), _jsx(_components.span, { style: { color: "#91B859" }, children: " ^/admin/assets/.*\\.(js|css|png|jpg|jpeg|gif|ico|svg)$ " }), _jsx(_components.span, { style: { color: "#90A4AE" }, children: "{" })] }), "\n", _jsxs(_components.span, { "data-line": "", children: [_jsx(_components.span, { style: { color: "#39ADB5" }, children: " add_header " }), _jsx(_components.span, { style: { color: "#90A4AE" }, children: "Content-Type application/javascript" }), _jsx(_components.span, { style: { color: "#39ADB5" }, children: ";" })] }), "\n", _jsxs(_components.span, { "data-line": "", children: [_jsx(_components.span, { style: { color: "#39ADB5" }, children: " try_files $" }), _jsx(_components.span, { style: { color: "#90A4AE" }, children: "uri " }), _jsx(_components.span, { style: { color: "#F76D47" }, children: "=404" }), _jsx(_components.span, { style: { color: "#39ADB5" }, children: ";" })] }), "\n", _jsx(_components.span, { "data-line": "", children: _jsx(_components.span, { style: { color: "#90A4AE" }, children: " }" }) }), "\n", _jsx(_components.span, { "data-line": "", children: _jsx(_components.span, { style: { color: "#90A4AE" }, children: " }" }) }), "\n", _jsx(_components.span, { "data-line": "", children: " " }), "\n", _jsx(_components.span, { "data-line": "", children: _jsx(_components.span, { style: { color: "#90A4AE", fontStyle: "italic" }, children: " # 默认位置设置" }) }), "\n", _jsxs(_components.span, { "data-line": "", children: [_jsx(_components.span, { style: { color: "#9C3EDA" }, children: " location" }), _jsx(_components.span, { style: { color: "#E2931D" }, children: " / " }), _jsx(_components.span, { style: { color: "#90A4AE" }, children: "{" })] }), "\n", _jsxs(_components.span, { "data-line": "", children: [_jsx(_components.span, { style: { color: "#39ADB5" }, children: " try_files $" }), _jsx(_components.span, { style: { color: "#90A4AE" }, children: "uri " }), _jsx(_components.span, { style: { color: "#39ADB5" }, children: "$" }), _jsx(_components.span, { style: { color: "#90A4AE" }, children: "uri/ /index.html" }), _jsx(_components.span, { style: { color: "#39ADB5" }, children: ";" })] }), "\n", _jsx(_components.span, { "data-line": "", children: _jsx(_components.span, { style: { color: "#90A4AE" }, children: " }" }) }), "\n", _jsx(_components.span, { "data-line": "", children: " " }), "\n", _jsx(_components.span, { "data-line": "", children: _jsx(_components.span, { style: { color: "#90A4AE", fontStyle: "italic" }, children: " # 添加错误页面配置" }) }), "\n", _jsxs(_components.span, { "data-line": "", children: [_jsx(_components.span, { style: { color: "#39ADB5" }, children: " error_page " }), _jsx(_components.span, { style: { color: "#F76D47" }, children: "404" }), _jsx(_components.span, { style: { color: "#90A4AE" }, children: " /404.html" }), _jsx(_components.span, { style: { color: "#39ADB5" }, children: ";" })] }), "\n", _jsxs(_components.span, { "data-line": "", children: [_jsx(_components.span, { style: { color: "#9C3EDA" }, children: " location" }), _jsx(_components.span, { style: { color: "#39ADB5" }, children: " =" }), _jsx(_components.span, { style: { color: "#91B859" }, children: " /404.html " }), _jsx(_components.span, { style: { color: "#90A4AE" }, children: "{" })] }), "\n", _jsxs(_components.span, { "data-line": "", children: [_jsx(_components.span, { style: { color: "#39ADB5" }, children: " root " }), _jsx(_components.span, { style: { color: "#90A4AE" }, children: "/usr/share/nginx/html" }), _jsx(_components.span, { style: { color: "#39ADB5" }, children: ";" })] }), "\n", _jsx(_components.span, { "data-line": "", children: _jsx(_components.span, { style: { color: "#90A4AE" }, children: " }" }) }), "\n", _jsx(_components.span, { "data-line": "", children: _jsx(_components.span, { style: { color: "#90A4AE" }, children: " }" }) }), "\n", _jsx(_components.span, { "data-line": "", children: _jsx(_components.span, { style: { color: "#90A4AE" }, children: "}" }) })] }) }) }), "\n", _jsx(_components.h3, { id: "3设置-github-actions-workflow", children: "3.设置 Github Actions Workflow" }), "\n", _jsxs(_components.p, { children: [_jsx(_components.strong, { children: "路径：" }), "/.github/workflows/deploy.yml"] }), "\n", _jsx(_components.figure, { "data-rehype-pretty-code-figure": "", children: _jsx(_components.pre, { style: { backgroundColor: "#FAFAFA", color: "#90A4AE" }, tabIndex: "0", "data-language": "yml", "data-theme": "material-theme-lighter", children: _jsxs(_components.code, { "data-language": "yml", "data-theme": "material-theme-lighter", style: { display: "grid" }, children: [_jsxs(_components.span, { "data-line": "", children: [_jsx(_components.span, { style: { color: "#E53935" }, children: "name" }), _jsx(_components.span, { style: { color: "#39ADB5" }, children: ":" }), _jsx(_components.span, { style: { color: "#91B859" }, children: " Deploy" })] }), "\n", _jsx(_components.span, { "data-line": "", children: " " }), "\n", _jsxs(_components.span, { "data-line": "", children: [_jsx(_components.span, { style: { color: "#FF5370" }, children: "on" }), _jsx(_components.span, { style: { color: "#39ADB5" }, children: ":" })] }), "\n", _jsxs(_components.span, { "data-line": "", children: [_jsx(_components.span, { style: { color: "#E53935" }, children: " push" }), _jsx(_components.span, { style: { color: "#39ADB5" }, children: ":" })] }), "\n", _jsxs(_components.span, { "data-line": "", children: [_jsx(_components.span, { style: { color: "#E53935" }, children: " branches" }), _jsx(_components.span, { style: { color: "#39ADB5" }, children: ":" })] }), "\n", _jsxs(_components.span, { "data-line": "", children: [_jsx(_components.span, { style: { color: "#39ADB5" }, children: " -" }), _jsx(_components.span, { style: { color: "#91B859" }, children: " main" })] }), "\n", _jsx(_components.span, { "data-line": "", children: " " }), "\n", _jsxs(_components.span, { "data-line": "", children: [_jsx(_components.span, { style: { color: "#E53935" }, children: "jobs" }), _jsx(_components.span, { style: { color: "#39ADB5" }, children: ":" })] }), "\n", _jsxs(_components.span, { "data-line": "", children: [_jsx(_components.span, { style: { color: "#E53935" }, children: " deploy" }), _jsx(_components.span, { style: { color: "#39ADB5" }, children: ":" })] }), "\n", _jsxs(_components.span, { "data-line": "", children: [_jsx(_components.span, { style: { color: "#E53935" }, children: " runs-on" }), _jsx(_components.span, { style: { color: "#39ADB5" }, children: ":" }), _jsx(_components.span, { style: { color: "#91B859" }, children: " ubuntu-latest" })] }), "\n", _jsx(_components.span, { "data-line": "", children: " " }), "\n", _jsxs(_components.span, { "data-line": "", children: [_jsx(_components.span, { style: { color: "#E53935" }, children: " steps" }), _jsx(_components.span, { style: { color: "#39ADB5" }, children: ":" })] }), "\n", _jsx(_components.span, { "data-line": "", children: _jsx(_components.span, { style: { color: "#90A4AE", fontStyle: "italic" }, children: " # 下载代码仓库" }) }), "\n", _jsxs(_components.span, { "data-line": "", children: [_jsx(_components.span, { style: { color: "#39ADB5" }, children: " -" }), _jsx(_components.span, { style: { color: "#E53935" }, children: " uses" }), _jsx(_components.span, { style: { color: "#39ADB5" }, children: ":" }), _jsx(_components.span, { style: { color: "#91B859" }, children: " actions/checkout@v2" })] }), "\n", _jsx(_components.span, { "data-line": "", children: " " }), "\n", _jsx(_components.span, { "data-line": "", children: _jsx(_components.span, { style: { color: "#90A4AE", fontStyle: "italic" }, children: " # 设置 Docker Buildx" }) }), "\n", _jsxs(_components.span, { "data-line": "", children: [_jsx(_components.span, { style: { color: "#39ADB5" }, children: " -" }), _jsx(_components.span, { style: { color: "#E53935" }, children: " name" }), _jsx(_components.span, { style: { color: "#39ADB5" }, children: ":" }), _jsx(_components.span, { style: { color: "#91B859" }, children: " Set up Docker Buildx" })] }), "\n", _jsxs(_components.span, { "data-line": "", children: [_jsx(_components.span, { style: { color: "#E53935" }, children: " uses" }), _jsx(_components.span, { style: { color: "#39ADB5" }, children: ":" }), _jsx(_components.span, { style: { color: "#91B859" }, children: " docker/setup-buildx-action@v2" })] }), "\n", _jsx(_components.span, { "data-line": "", children: " " }), "\n", _jsx(_components.span, { "data-line": "", children: _jsx(_components.span, { style: { color: "#90A4AE", fontStyle: "italic" }, children: " # 登录 Docker Hub" }) }), "\n", _jsxs(_components.span, { "data-line": "", children: [_jsx(_components.span, { style: { color: "#39ADB5" }, children: " -" }), _jsx(_components.span, { style: { color: "#E53935" }, children: " name" }), _jsx(_components.span, { style: { color: "#39ADB5" }, children: ":" }), _jsx(_components.span, { style: { color: "#91B859" }, children: " Login to Docker Hub" })] }), "\n", _jsxs(_components.span, { "data-line": "", children: [_jsx(_components.span, { style: { color: "#E53935" }, children: " uses" }), _jsx(_components.span, { style: { color: "#39ADB5" }, children: ":" }), _jsx(_components.span, { style: { color: "#91B859" }, children: " docker/login-action@v2" })] }), "\n", _jsxs(_components.span, { "data-line": "", children: [_jsx(_components.span, { style: { color: "#E53935" }, children: " with" }), _jsx(_components.span, { style: { color: "#39ADB5" }, children: ":" })] }), "\n", _jsxs(_components.span, { "data-line": "", children: [_jsx(_components.span, { style: { color: "#E53935" }, children: " username" }), _jsx(_components.span, { style: { color: "#39ADB5" }, children: ":" }), _jsx(_components.span, { style: { color: "#91B859" }, children: " ${{ secrets.DOCKER_USERNAME }}" })] }), "\n", _jsxs(_components.span, { "data-line": "", children: [_jsx(_components.span, { style: { color: "#E53935" }, children: " password" }), _jsx(_components.span, { style: { color: "#39ADB5" }, children: ":" }), _jsx(_components.span, { style: { color: "#91B859" }, children: " ${{ secrets.DOCKER_PASSWORD }}" })] }), "\n", _jsx(_components.span, { "data-line": "", children: " " }), "\n", _jsx(_components.span, { "data-line": "", children: _jsx(_components.span, { style: { color: "#90A4AE", fontStyle: "italic" }, children: " # 安装依赖并构建" }) }), "\n", _jsxs(_components.span, { "data-line": "", children: [_jsx(_components.span, { style: { color: "#39ADB5" }, children: " -" }), _jsx(_components.span, { style: { color: "#E53935" }, children: " name" }), _jsx(_components.span, { style: { color: "#39ADB5" }, children: ":" }), _jsx(_components.span, { style: { color: "#91B859" }, children: " Install and Build" })] }), "\n", _jsxs(_components.span, { "data-line": "", children: [_jsx(_components.span, { style: { color: "#E53935" }, children: " run" }), _jsx(_components.span, { style: { color: "#39ADB5" }, children: ":" }), _jsx(_components.span, { style: { color: "#39ADB5", fontStyle: "italic" }, children: " |" })] }), "\n", _jsx(_components.span, { "data-line": "", children: _jsx(_components.span, { style: { color: "#91B859" }, children: " npm install -g pnpm && \\" }) }), "\n", _jsx(_components.span, { "data-line": "", children: _jsx(_components.span, { style: { color: "#91B859" }, children: " pnpm install --no-frozen-lockfile && \\" }) }), "\n", _jsx(_components.span, { "data-line": "", children: _jsx(_components.span, { style: { color: "#91B859" }, children: " pnpm build" }) }), "\n", _jsx(_components.span, { "data-line": "", children: " " }), "\n", _jsx(_components.span, { "data-line": "", children: _jsx(_components.span, { style: { color: "#90A4AE", fontStyle: "italic" }, children: " # 构建并推送 Docker 镜像" }) }), "\n", _jsxs(_components.span, { "data-line": "", children: [_jsx(_components.span, { style: { color: "#39ADB5" }, children: " -" }), _jsx(_components.span, { style: { color: "#E53935" }, children: " name" }), _jsx(_components.span, { style: { color: "#39ADB5" }, children: ":" }), _jsx(_components.span, { style: { color: "#91B859" }, children: " Build and push Docker image" })] }), "\n", _jsxs(_components.span, { "data-line": "", children: [_jsx(_components.span, { style: { color: "#E53935" }, children: " run" }), _jsx(_components.span, { style: { color: "#39ADB5" }, children: ":" }), _jsx(_components.span, { style: { color: "#39ADB5", fontStyle: "italic" }, children: " |" })] }), "\n", _jsx(_components.span, { "data-line": "", children: _jsx(_components.span, { style: { color: "#91B859" }, children: " docker build -t ${{ secrets.DOCKER_USERNAME }}/vue-admin:latest ." }) }), "\n", _jsx(_components.span, { "data-line": "", children: _jsx(_components.span, { style: { color: "#91B859" }, children: " docker push ${{ secrets.DOCKER_USERNAME }}/vue-admin:latest" }) }), "\n", _jsx(_components.span, { "data-line": "", children: " " }), "\n", _jsx(_components.span, { "data-line": "", children: _jsx(_components.span, { style: { color: "#90A4AE", fontStyle: "italic" }, children: " # SSH 连接并部署" }) }), "\n", _jsxs(_components.span, { "data-line": "", children: [_jsx(_components.span, { style: { color: "#39ADB5" }, children: " -" }), _jsx(_components.span, { style: { color: "#E53935" }, children: " name" }), _jsx(_components.span, { style: { color: "#39ADB5" }, children: ":" }), _jsx(_components.span, { style: { color: "#91B859" }, children: " Deploy to server" })] }), "\n", _jsxs(_components.span, { "data-line": "", children: [_jsx(_components.span, { style: { color: "#E53935" }, children: " uses" }), _jsx(_components.span, { style: { color: "#39ADB5" }, children: ":" }), _jsx(_components.span, { style: { color: "#91B859" }, children: " appleboy/ssh-action@master" })] }), "\n", _jsxs(_components.span, { "data-line": "", children: [_jsx(_components.span, { style: { color: "#E53935" }, children: " with" }), _jsx(_components.span, { style: { color: "#39ADB5" }, children: ":" })] }), "\n", _jsxs(_components.span, { "data-line": "", children: [_jsx(_components.span, { style: { color: "#E53935" }, children: " host" }), _jsx(_components.span, { style: { color: "#39ADB5" }, children: ":" }), _jsx(_components.span, { style: { color: "#91B859" }, children: " ${{ secrets.HOST }}" })] }), "\n", _jsxs(_components.span, { "data-line": "", children: [_jsx(_components.span, { style: { color: "#E53935" }, children: " username" }), _jsx(_components.span, { style: { color: "#39ADB5" }, children: ":" }), _jsx(_components.span, { style: { color: "#91B859" }, children: " ${{ secrets.USERNAME }}" })] }), "\n", _jsxs(_components.span, { "data-line": "", children: [_jsx(_components.span, { style: { color: "#E53935" }, children: " key" }), _jsx(_components.span, { style: { color: "#39ADB5" }, children: ":" }), _jsx(_components.span, { style: { color: "#91B859" }, children: " ${{ secrets.SSHPWD }}" })] }), "\n", _jsxs(_components.span, { "data-line": "", children: [_jsx(_components.span, { style: { color: "#E53935" }, children: " port" }), _jsx(_components.span, { style: { color: "#39ADB5" }, children: ":" }), _jsx(_components.span, { style: { color: "#F76D47" }, children: " 22" })] }), "\n", _jsxs(_components.span, { "data-line": "", children: [_jsx(_components.span, { style: { color: "#E53935" }, children: " script" }), _jsx(_components.span, { style: { color: "#39ADB5" }, children: ":" }), _jsx(_components.span, { style: { color: "#39ADB5", fontStyle: "italic" }, children: " |" })] }), "\n", _jsx(_components.span, { "data-line": "", children: _jsx(_components.span, { style: { color: "#91B859" }, children: " # 拉取最新镜像" }) }), "\n", _jsx(_components.span, { "data-line": "", children: _jsx(_components.span, { style: { color: "#91B859" }, children: " docker pull ${{ secrets.DOCKER_USERNAME }}/vue-admin:latest" }) }), "\n", _jsx(_components.span, { "data-line": "", children: " " }), "\n", _jsx(_components.span, { "data-line": "", children: _jsx(_components.span, { style: { color: "#91B859" }, children: " # 确保网络存在" }) }), "\n", _jsx(_components.span, { "data-line": "", children: _jsx(_components.span, { style: { color: "#91B859" }, children: " docker network create app_common-network 2>/dev/null || true" }) }), "\n", _jsx(_components.span, { "data-line": "", children: " " }), "\n", _jsx(_components.span, { "data-line": "", children: _jsx(_components.span, { style: { color: "#91B859" }, children: " # 停止并删除旧容器" }) }), "\n", _jsx(_components.span, { "data-line": "", children: _jsx(_components.span, { style: { color: "#91B859" }, children: " docker stop vue-admin-app || true" }) }), "\n", _jsx(_components.span, { "data-line": "", children: _jsx(_components.span, { style: { color: "#91B859" }, children: " docker rm vue-admin-app || true" }) }), "\n", _jsx(_components.span, { "data-line": "", children: " " }), "\n", _jsx(_components.span, { "data-line": "", children: _jsx(_components.span, { style: { color: "#91B859" }, children: " # 运行新容器" }) }), "\n", _jsx(_components.span, { "data-line": "", children: _jsx(_components.span, { style: { color: "#91B859" }, children: " docker run -d --name vue-admin-app \\" }) }), "\n", _jsx(_components.span, { "data-line": "", children: _jsx(_components.span, { style: { color: "#91B859" }, children: " -p 8080:8080 \\" }) }), "\n", _jsx(_components.span, { "data-line": "", children: _jsx(_components.span, { style: { color: "#91B859" }, children: " --network=app_common-network \\" }) }), "\n", _jsx(_components.span, { "data-line": "", children: _jsx(_components.span, { style: { color: "#91B859" }, children: " ${{ secrets.DOCKER_USERNAME }}/vue-admin:latest" }) }), "\n", _jsx(_components.span, { "data-line": "", children: " " })] }) }) }), "\n", _jsx(_components.p, { children: "提交代码自动运行即可" }), "\n", _jsx(_components.h2, { id: "四github-actions自动部署nestjs应用", children: "四、Github Actions自动部署Nest.js应用" }), "\n", _jsxs(_components.p, { children: ["相比于前端部署，后台需要进行数据库的构建和连接，需要通过", _jsx(_components.code, { children: "docker compose" }), "来实现"] }), "\n", _jsx(_components.h3, { id: "1设置dockerfile-2", children: "1.设置Dockerfile" }), "\n", _jsx(_components.figure, { "data-rehype-pretty-code-figure": "", children: _jsx(_components.pre, { style: { backgroundColor: "#FAFAFA", color: "#90A4AE" }, tabIndex: "0", "data-language": "dockerfile", "data-theme": "material-theme-lighter", children: _jsxs(_components.code, { "data-language": "dockerfile", "data-theme": "material-theme-lighter", style: { display: "grid" }, children: [_jsxs(_components.span, { "data-line": "", children: [_jsx(_components.span, { style: { color: "#F76D47" }, children: "FROM" }), _jsx(_components.span, { style: { color: "#90A4AE" }, children: " node:18-alpine" })] }), "\n", _jsx(_components.span, { "data-line": "", children: " " }), "\n", _jsxs(_components.span, { "data-line": "", children: [_jsx(_components.span, { style: { color: "#F76D47" }, children: "WORKDIR" }), _jsx(_components.span, { style: { color: "#90A4AE" }, children: " /app" })] }), "\n", _jsx(_components.span, { "data-line": "", children: " " }), "\n", _jsx(_components.span, { "data-line": "", children: _jsx(_components.span, { style: { color: "#90A4AE", fontStyle: "italic" }, children: "# 安装 pnpm" }) }), "\n", _jsxs(_components.span, { "data-line": "", children: [_jsx(_components.span, { style: { color: "#F76D47" }, children: "RUN" }), _jsx(_components.span, { style: { color: "#90A4AE" }, children: " npm install -g pnpm" })] }), "\n", _jsx(_components.span, { "data-line": "", children: " " }), "\n", _jsxs(_components.span, { "data-line": "", children: [_jsx(_components.span, { style: { color: "#F76D47" }, children: "COPY" }), _jsx(_components.span, { style: { color: "#90A4AE" }, children: " package*.json ./" })] }), "\n", _jsx(_components.span, { "data-line": "", children: " " }), "\n", _jsx(_components.span, { "data-line": "", children: _jsx(_components.span, { style: { color: "#90A4AE", fontStyle: "italic" }, children: "# 使用 pnpm 安装依赖" }) }), "\n", _jsxs(_components.span, { "data-line": "", children: [_jsx(_components.span, { style: { color: "#F76D47" }, children: "RUN" }), _jsx(_components.span, { style: { color: "#90A4AE" }, children: " pnpm install" })] }), "\n", _jsx(_components.span, { "data-line": "", children: " " }), "\n", _jsxs(_components.span, { "data-line": "", children: [_jsx(_components.span, { style: { color: "#F76D47" }, children: "COPY" }), _jsx(_components.span, { style: { color: "#90A4AE" }, children: " . ." })] }), "\n", _jsx(_components.span, { "data-line": "", children: " " }), "\n", _jsxs(_components.span, { "data-line": "", children: [_jsx(_components.span, { style: { color: "#F76D47" }, children: "RUN" }), _jsx(_components.span, { style: { color: "#90A4AE" }, children: " pnpm run build" })] }), "\n", _jsx(_components.span, { "data-line": "", children: " " }), "\n", _jsxs(_components.span, { "data-line": "", children: [_jsx(_components.span, { style: { color: "#F76D47" }, children: "EXPOSE" }), _jsx(_components.span, { style: { color: "#90A4AE" }, children: " 13000" })] }), "\n", _jsx(_components.span, { "data-line": "", children: " " }), "\n", _jsxs(_components.span, { "data-line": "", children: [_jsx(_components.span, { style: { color: "#F76D47" }, children: "CMD" }), _jsx(_components.span, { style: { color: "#90A4AE" }, children: " [" }), _jsx(_components.span, { style: { color: "#91B859" }, children: "\"sh\"" }), _jsx(_components.span, { style: { color: "#90A4AE" }, children: ", " }), _jsx(_components.span, { style: { color: "#91B859" }, children: "\"-c\"" }), _jsx(_components.span, { style: { color: "#90A4AE" }, children: ", " }), _jsx(_components.span, { style: { color: "#91B859" }, children: "\"ls -la /app && ls -la /app/dist/src && cat /app/dist/src/main.js && echo '\\n环境变量:' && printenv && echo '\\n正在启动应用...' && pnpm start:prod\"" }), _jsx(_components.span, { style: { color: "#90A4AE" }, children: "]" })] })] }) }) }), "\n", _jsxs(_components.p, { children: ["CMD主要是方便判断执行问题，也可指运行", _jsx(_components.code, { children: "pnpm start:prod" })] }), "\n", _jsx(_components.h3, { id: "2设置docker-composeyml", children: "2.设置docker-compose.yml" }), "\n", _jsx(_components.figure, { "data-rehype-pretty-code-figure": "", children: _jsx(_components.pre, { style: { backgroundColor: "#FAFAFA", color: "#90A4AE" }, tabIndex: "0", "data-language": "yml", "data-theme": "material-theme-lighter", children: _jsxs(_components.code, { "data-language": "yml", "data-theme": "material-theme-lighter", style: { display: "grid" }, children: [_jsx(_components.span, { "data-line": "", children: _jsx(_components.span, { style: { color: "#90A4AE", fontStyle: "italic" }, children: "# Use root/example as user/password credentials" }) }), "\n", _jsxs(_components.span, { "data-line": "", children: [_jsx(_components.span, { style: { color: "#E53935" }, children: "version" }), _jsx(_components.span, { style: { color: "#39ADB5" }, children: ":" }), _jsx(_components.span, { style: { color: "#39ADB5" }, children: " '" }), _jsx(_components.span, { style: { color: "#91B859" }, children: "3.1" }), _jsx(_components.span, { style: { color: "#39ADB5" }, children: "'" })] }), "\n", _jsx(_components.span, { "data-line": "", children: " " }), "\n", _jsxs(_components.span, { "data-line": "", children: [_jsx(_components.span, { style: { color: "#E53935" }, children: "services" }), _jsx(_components.span, { style: { color: "#39ADB5" }, children: ":" })] }), "\n", _jsxs(_components.span, { "data-line": "", children: [_jsx(_components.span, { style: { color: "#E53935" }, children: " api" }), _jsx(_components.span, { style: { color: "#39ADB5" }, children: ":" })] }), "\n", _jsxs(_components.span, { "data-line": "", children: [_jsx(_components.span, { style: { color: "#E53935" }, children: " build" }), _jsx(_components.span, { style: { color: "#39ADB5" }, children: ":" }), _jsx(_components.span, { style: { color: "#F76D47" }, children: " ." })] }), "\n", _jsxs(_components.span, { "data-line": "", children: [_jsx(_components.span, { style: { color: "#E53935" }, children: " image" }), _jsx(_components.span, { style: { color: "#39ADB5" }, children: ":" }), _jsx(_components.span, { style: { color: "#91B859" }, children: " nest-api" })] }), "\n", _jsxs(_components.span, { "data-line": "", children: [_jsx(_components.span, { style: { color: "#E53935" }, children: " container_name" }), _jsx(_components.span, { style: { color: "#39ADB5" }, children: ":" }), _jsx(_components.span, { style: { color: "#91B859" }, children: " nest-api" })] }), "\n", _jsxs(_components.span, { "data-line": "", children: [_jsx(_components.span, { style: { color: "#E53935" }, children: " ports" }), _jsx(_components.span, { style: { color: "#39ADB5" }, children: ":" })] }), "\n", _jsxs(_components.span, { "data-line": "", children: [_jsx(_components.span, { style: { color: "#39ADB5" }, children: " -" }), _jsx(_components.span, { style: { color: "#39ADB5" }, children: " '" }), _jsx(_components.span, { style: { color: "#91B859" }, children: "13000:13000" }), _jsx(_components.span, { style: { color: "#39ADB5" }, children: "'" })] }), "\n", _jsxs(_components.span, { "data-line": "", children: [_jsx(_components.span, { style: { color: "#E53935" }, children: " networks" }), _jsx(_components.span, { style: { color: "#39ADB5" }, children: ":" })] }), "\n", _jsxs(_components.span, { "data-line": "", children: [_jsx(_components.span, { style: { color: "#39ADB5" }, children: " -" }), _jsx(_components.span, { style: { color: "#91B859" }, children: " app-network" })] }), "\n", _jsxs(_components.span, { "data-line": "", children: [_jsx(_components.span, { style: { color: "#E53935" }, children: " depends_on" }), _jsx(_components.span, { style: { color: "#39ADB5" }, children: ":" })] }), "\n", _jsxs(_components.span, { "data-line": "", children: [_jsx(_components.span, { style: { color: "#39ADB5" }, children: " -" }), _jsx(_components.span, { style: { color: "#91B859" }, children: " db" })] }), "\n", _jsx(_components.span, { "data-line": "", children: " " }), "\n", _jsxs(_components.span, { "data-line": "", children: [_jsx(_components.span, { style: { color: "#E53935" }, children: " db" }), _jsx(_components.span, { style: { color: "#39ADB5" }, children: ":" })] }), "\n", _jsxs(_components.span, { "data-line": "", children: [_jsx(_components.span, { style: { color: "#E53935" }, children: " image" }), _jsx(_components.span, { style: { color: "#39ADB5" }, children: ":" }), _jsx(_components.span, { style: { color: "#91B859" }, children: " mysql:8.0" })] }), "\n", _jsxs(_components.span, { "data-line": "", children: [_jsx(_components.span, { style: { color: "#E53935" }, children: " container_name" }), _jsx(_components.span, { style: { color: "#39ADB5" }, children: ":" }), _jsx(_components.span, { style: { color: "#91B859" }, children: " nest-db" })] }), "\n", _jsxs(_components.span, { "data-line": "", children: [_jsx(_components.span, { style: { color: "#E53935" }, children: " restart" }), _jsx(_components.span, { style: { color: "#39ADB5" }, children: ":" }), _jsx(_components.span, { style: { color: "#91B859" }, children: " always" })] }), "\n", _jsxs(_components.span, { "data-line": "", children: [_jsx(_components.span, { style: { color: "#E53935" }, children: " environment" }), _jsx(_components.span, { style: { color: "#39ADB5" }, children: ":" })] }), "\n", _jsxs(_components.span, { "data-line": "", children: [_jsx(_components.span, { style: { color: "#E53935" }, children: " MYSQL_ROOT_PASSWORD" }), _jsx(_components.span, { style: { color: "#39ADB5" }, children: ":" }), _jsx(_components.span, { style: { color: "#91B859" }, children: " x x x" })] }), "\n", _jsxs(_components.span, { "data-line": "", children: [_jsx(_components.span, { style: { color: "#E53935" }, children: " MYSQL_DATABASE" }), _jsx(_components.span, { style: { color: "#39ADB5" }, children: ":" }), _jsx(_components.span, { style: { color: "#91B859" }, children: " your-database-name" })] }), "\n", _jsxs(_components.span, { "data-line": "", children: [_jsx(_components.span, { style: { color: "#E53935" }, children: " ports" }), _jsx(_components.span, { style: { color: "#39ADB5" }, children: ":" })] }), "\n", _jsxs(_components.span, { "data-line": "", children: [_jsx(_components.span, { style: { color: "#39ADB5" }, children: " -" }), _jsx(_components.span, { style: { color: "#39ADB5" }, children: " '" }), _jsx(_components.span, { style: { color: "#91B859" }, children: "12000:3306" }), _jsx(_components.span, { style: { color: "#39ADB5" }, children: "'" })] }), "\n", _jsxs(_components.span, { "data-line": "", children: [_jsx(_components.span, { style: { color: "#E53935" }, children: " networks" }), _jsx(_components.span, { style: { color: "#39ADB5" }, children: ":" })] }), "\n", _jsxs(_components.span, { "data-line": "", children: [_jsx(_components.span, { style: { color: "#E53935" }, children: " app-network" }), _jsx(_components.span, { style: { color: "#39ADB5" }, children: ":" })] }), "\n", _jsxs(_components.span, { "data-line": "", children: [_jsx(_components.span, { style: { color: "#E53935" }, children: " ipv4_address" }), _jsx(_components.span, { style: { color: "#39ADB5" }, children: ":" }), _jsx(_components.span, { style: { color: "#F76D47" }, children: " 172.22.0.2" })] }), "\n", _jsx(_components.span, { "data-line": "", children: " " }), "\n", _jsxs(_components.span, { "data-line": "", children: [_jsx(_components.span, { style: { color: "#E53935" }, children: " volumes" }), _jsx(_components.span, { style: { color: "#39ADB5" }, children: ":" })] }), "\n", _jsxs(_components.span, { "data-line": "", children: [_jsx(_components.span, { style: { color: "#39ADB5" }, children: " -" }), _jsx(_components.span, { style: { color: "#91B859" }, children: " mysql_data_new:/var/lib/mysql" })] }), "\n", _jsxs(_components.span, { "data-line": "", children: [_jsx(_components.span, { style: { color: "#E53935" }, children: " command" }), _jsx(_components.span, { style: { color: "#39ADB5" }, children: ":" })] }), "\n", _jsxs(_components.span, { "data-line": "", children: [_jsx(_components.span, { style: { color: "#39ADB5" }, children: " -" }), _jsx(_components.span, { style: { color: "#91B859" }, children: " --default-authentication-plugin=mysql_native_password" })] }), "\n", _jsxs(_components.span, { "data-line": "", children: [_jsx(_components.span, { style: { color: "#39ADB5" }, children: " -" }), _jsx(_components.span, { style: { color: "#91B859" }, children: " --character-set-server=utf8mb4" })] }), "\n", _jsxs(_components.span, { "data-line": "", children: [_jsx(_components.span, { style: { color: "#39ADB5" }, children: " -" }), _jsx(_components.span, { style: { color: "#91B859" }, children: " --collation-server=utf8mb4_unicode_ci" })] }), "\n", _jsxs(_components.span, { "data-line": "", children: [_jsx(_components.span, { style: { color: "#39ADB5" }, children: " -" }), _jsx(_components.span, { style: { color: "#91B859" }, children: " --innodb-flush-log-at-trx-commit=0" })] }), "\n", _jsx(_components.span, { "data-line": "", children: " " }), "\n", _jsx(_components.span, { "data-line": "", children: _jsx(_components.span, { style: { color: "#90A4AE", fontStyle: "italic" }, children: " # navicat" }) }), "\n", _jsx(_components.span, { "data-line": "", children: _jsx(_components.span, { style: { color: "#90A4AE", fontStyle: "italic" }, children: " # adminer:" }) }), "\n", _jsx(_components.span, { "data-line": "", children: _jsx(_components.span, { style: { color: "#90A4AE", fontStyle: "italic" }, children: " # image: adminer" }) }), "\n", _jsx(_components.span, { "data-line": "", children: _jsx(_components.span, { style: { color: "#90A4AE", fontStyle: "italic" }, children: " # restart: always" }) }), "\n", _jsx(_components.span, { "data-line": "", children: _jsx(_components.span, { style: { color: "#90A4AE", fontStyle: "italic" }, children: " # ports:" }) }), "\n", _jsx(_components.span, { "data-line": "", children: _jsx(_components.span, { style: { color: "#90A4AE", fontStyle: "italic" }, children: " # - 12005:8080" }) }), "\n", _jsx(_components.span, { "data-line": "", children: _jsx(_components.span, { style: { color: "#90A4AE", fontStyle: "italic" }, children: " # networks:" }) }), "\n", _jsx(_components.span, { "data-line": "", children: _jsx(_components.span, { style: { color: "#90A4AE", fontStyle: "italic" }, children: " # - app-network" }) }), "\n", _jsx(_components.span, { "data-line": "", children: " " }), "\n", _jsx(_components.span, { "data-line": "", children: _jsx(_components.span, { style: { color: "#90A4AE", fontStyle: "italic" }, children: "# 添加网络配置" }) }), "\n", _jsxs(_components.span, { "data-line": "", children: [_jsx(_components.span, { style: { color: "#E53935" }, children: "networks" }), _jsx(_components.span, { style: { color: "#39ADB5" }, children: ":" })] }), "\n", _jsxs(_components.span, { "data-line": "", children: [_jsx(_components.span, { style: { color: "#E53935" }, children: " app-network" }), _jsx(_components.span, { style: { color: "#39ADB5" }, children: ":" })] }), "\n", _jsxs(_components.span, { "data-line": "", children: [_jsx(_components.span, { style: { color: "#E53935" }, children: " driver" }), _jsx(_components.span, { style: { color: "#39ADB5" }, children: ":" }), _jsx(_components.span, { style: { color: "#91B859" }, children: " bridge" })] }), "\n", _jsxs(_components.span, { "data-line": "", children: [_jsx(_components.span, { style: { color: "#E53935" }, children: " ipam" }), _jsx(_components.span, { style: { color: "#39ADB5" }, children: ":" })] }), "\n", _jsxs(_components.span, { "data-line": "", children: [_jsx(_components.span, { style: { color: "#E53935" }, children: " driver" }), _jsx(_components.span, { style: { color: "#39ADB5" }, children: ":" }), _jsx(_components.span, { style: { color: "#91B859" }, children: " default" })] }), "\n", _jsxs(_components.span, { "data-line": "", children: [_jsx(_components.span, { style: { color: "#E53935" }, children: " config" }), _jsx(_components.span, { style: { color: "#39ADB5" }, children: ":" })] }), "\n", _jsxs(_components.span, { "data-line": "", children: [_jsx(_components.span, { style: { color: "#39ADB5" }, children: " -" }), _jsx(_components.span, { style: { color: "#E53935" }, children: " subnet" }), _jsx(_components.span, { style: { color: "#39ADB5" }, children: ":" }), _jsx(_components.span, { style: { color: "#91B859" }, children: " 172.22.0.0/16" })] }), "\n", _jsx(_components.span, { "data-line": "", children: " " }), "\n", _jsx(_components.span, { "data-line": "", children: _jsx(_components.span, { style: { color: "#90A4AE", fontStyle: "italic" }, children: "# 在文件末尾添加 volumes 数据卷配置" }) }), "\n", _jsxs(_components.span, { "data-line": "", children: [_jsx(_components.span, { style: { color: "#E53935" }, children: "volumes" }), _jsx(_components.span, { style: { color: "#39ADB5" }, children: ":" })] }), "\n", _jsxs(_components.span, { "data-line": "", children: [_jsx(_components.span, { style: { color: "#E53935" }, children: " mysql_data_new" }), _jsx(_components.span, { style: { color: "#39ADB5" }, children: ":" })] }), "\n", _jsxs(_components.span, { "data-line": "", children: [_jsx(_components.span, { style: { color: "#E53935" }, children: " driver" }), _jsx(_components.span, { style: { color: "#39ADB5" }, children: ":" }), _jsx(_components.span, { style: { color: "#91B859" }, children: " local" })] }), "\n", _jsx(_components.span, { "data-line": "", children: " " })] }) }) }), "\n", _jsxs(_components.p, { children: ["⚠️", _jsx(_components.strong, { children: "注意点：" })] }), "\n", _jsxs(_components.ul, { children: ["\n", _jsxs(_components.li, { children: [_jsx(_components.code, { children: "db" }), "和", _jsx(_components.code, { children: "api" }), "需要设置内部网络连接", _jsx(_components.code, { children: "app-network" })] }), "\n", _jsx(_components.li, { children: "若服务器之前启用过数据卷，需注意数据卷是否重名，以及之前用的mysql版本是否对应，否则会导致数据库启动失败" }), "\n", _jsxs(_components.li, { children: [_jsx(_components.code, { children: "adminer" }), "可选，生产环境我直接使用了", _jsx(_components.code, { children: "phpmyadmin" }), "来进行数据库管理"] }), "\n"] }), "\n", _jsx(_components.h3, { id: "3数据库连接环境变量配置", children: "3.数据库连接环境变量配置" }), "\n", _jsx(_components.figure, { "data-rehype-pretty-code-figure": "", children: _jsx(_components.pre, { style: { backgroundColor: "#FAFAFA", color: "#90A4AE" }, tabIndex: "0", "data-language": "yml", "data-theme": "material-theme-lighter", children: _jsxs(_components.code, { "data-language": "yml", "data-theme": "material-theme-lighter", style: { display: "grid" }, children: [_jsx(_components.span, { "data-line": "", children: _jsx(_components.span, { style: { color: "#91B859" }, children: "DB_HOST=nest-db" }) }), "\n", _jsx(_components.span, { "data-line": "", children: _jsx(_components.span, { style: { color: "#91B859" }, children: "DB_PORT=3306" }) }), "\n", _jsx(_components.span, { "data-line": "", children: " " }), "\n", _jsx(_components.span, { "data-line": "", children: _jsx(_components.span, { style: { color: "#91B859" }, children: "DB_DATABASE=your-database-name" }) }), "\n", _jsx(_components.span, { "data-line": "", children: _jsx(_components.span, { style: { color: "#91B859" }, children: "DB_USERNAME=\"xxx\"" }) }), "\n", _jsx(_components.span, { "data-line": "", children: _jsx(_components.span, { style: { color: "#91B859" }, children: "DB_PASSWORD=\"xxx\"" }) }), "\n", _jsx(_components.span, { "data-line": "", children: _jsx(_components.span, { style: { color: "#91B859" }, children: "DB_SYNC=true //生产环境不开启" }) }), "\n", _jsx(_components.span, { "data-line": "", children: " " }), "\n", _jsx(_components.span, { "data-line": "", children: _jsx(_components.span, { style: { color: "#91B859" }, children: "LOG_ON=true" }) }), "\n", _jsx(_components.span, { "data-line": "", children: " " }), "\n", _jsx(_components.span, { "data-line": "", children: _jsx(_components.span, { style: { color: "#90A4AE", fontStyle: "italic" }, children: "# JWT secret" }) }), "\n", _jsx(_components.span, { "data-line": "", children: _jsx(_components.span, { style: { color: "#91B859" }, children: "SECRET=\"xxx\"" }) }), "\n", _jsx(_components.span, { "data-line": "", children: " " }), "\n", _jsx(_components.span, { "data-line": "", children: _jsx(_components.span, { style: { color: "#91B859" }, children: "APP_PORT=13000" }) })] }) }) }), "\n", _jsxs(_components.p, { children: ["⚠️", _jsx(_components.strong, { children: "注意点：" })] }), "\n", _jsxs(_components.ul, { children: ["\n", _jsxs(_components.li, { children: ["\n", _jsxs(_components.p, { children: [_jsx(_components.code, { children: "DB_SYNC" }), "是typeorm的同步设置，官网表明生产环境使用是不安全的，建议使用", _jsx(_components.a, { href: "https://typeorm.biunav.com/zh/migrations.html#%E8%BF%81%E7%A7%BB%E7%9A%84%E5%B7%A5%E4%BD%9C%E5%8E%9F%E7%90%86", children: _jsx(_components.code, { children: "migration" }) }), "进行迁移"] }), "\n"] }), "\n", _jsxs(_components.li, { children: ["\n", _jsxs(_components.p, { children: [_jsx(_components.code, { children: "DB_HOST" }), "不能是", _jsx(_components.code, { children: "127.0.0.1" }), "或者", _jsx(_components.code, { children: "localhost" }), "，需设置成数据库服务名称", _jsx(_components.code, { children: "nest-db" })] }), "\n", _jsx(_components.p, { children: _jsx(_components.img, { src: "https://p.ipic.vip/6kqrfg.png", alt: "image-20250212212028779" }) }), "\n"] }), "\n"] }), "\n", _jsx(_components.h3, { id: "3部署测试", children: "3.部署测试" }), "\n", _jsxs(_components.p, { children: ["可在本地直接运行", _jsx(_components.code, { children: "docker compose up -d --build" }), "测试是否可以启动,访问", _jsx(_components.code, { children: "http://localhost:13000" })] }), "\n", _jsx(_components.p, { children: "运行成功后直接推送代码部署" }), "\n", _jsx(_components.h2, { id: "五docker常用命令速查", children: "五、Docker常用命令速查" }), "\n", _jsxs(_components.table, { children: [_jsx(_components.thead, { children: _jsxs(_components.tr, { children: [_jsx(_components.th, { children: "分类" }), _jsx(_components.th, { children: "命令" }), _jsx(_components.th, { children: "描述" })] }) }), _jsxs(_components.tbody, { children: [_jsxs(_components.tr, { children: [_jsx(_components.td, { children: _jsx(_components.strong, { children: "构建和管理镜像" }) }), _jsx(_components.td, { children: _jsx(_components.code, { children: "docker build -t " }) }), _jsxs(_components.td, { children: ["根据 Dockerfile 构建镜像，并使用 ", _jsx(_components.code, { children: "" }), " 给镜像打标签。"] })] }), _jsxs(_components.tr, { children: [_jsx(_components.td, {}), _jsx(_components.td, { children: _jsx(_components.code, { children: "docker images" }) }), _jsx(_components.td, { children: "列出所有本地存储的 Docker 镜像。" })] }), _jsxs(_components.tr, { children: [_jsx(_components.td, {}), _jsx(_components.td, { children: _jsx(_components.code, { children: "docker rmi " }) }), _jsx(_components.td, { children: "删除指定的镜像。" })] }), _jsxs(_components.tr, { children: [_jsx(_components.td, { children: _jsx(_components.strong, { children: "管理容器" }) }), _jsx(_components.td, { children: _jsx(_components.code, { children: "docker run -d --name " }) }), _jsxs(_components.td, { children: ["使用指定镜像在后台启动一个容器，并命名为 ", _jsx(_components.code, { children: "" }), "。"] })] }), _jsxs(_components.tr, { children: [_jsx(_components.td, {}), _jsx(_components.td, { children: _jsx(_components.code, { children: "docker ps" }) }), _jsx(_components.td, { children: "列出当前正在运行的所有容器。" })] }), _jsxs(_components.tr, { children: [_jsx(_components.td, {}), _jsx(_components.td, { children: _jsx(_components.code, { children: "docker ps -a" }) }), _jsx(_components.td, { children: "列出所有容器，包括停止的容器。" })] }), _jsxs(_components.tr, { children: [_jsx(_components.td, {}), _jsx(_components.td, { children: _jsx(_components.code, { children: "docker stop " }) }), _jsx(_components.td, { children: "停止指定的容器。" })] }), _jsxs(_components.tr, { children: [_jsx(_components.td, {}), _jsx(_components.td, { children: _jsx(_components.code, { children: "docker start " }) }), _jsx(_components.td, { children: "启动已停止的容器。" })] }), _jsxs(_components.tr, { children: [_jsx(_components.td, {}), _jsx(_components.td, { children: _jsx(_components.code, { children: "docker restart " }) }), _jsx(_components.td, { children: "重启指定的容器。" })] }), _jsxs(_components.tr, { children: [_jsx(_components.td, {}), _jsx(_components.td, { children: _jsx(_components.code, { children: "docker rm " }) }), _jsx(_components.td, { children: "删除指定的容器。" })] }), _jsxs(_components.tr, { children: [_jsx(_components.td, { children: _jsx(_components.strong, { children: "容器日志和监控" }) }), _jsx(_components.td, { children: _jsx(_components.code, { children: "docker logs " }) }), _jsx(_components.td, { children: "查看指定容器的日志。" })] }), _jsxs(_components.tr, { children: [_jsx(_components.td, {}), _jsx(_components.td, { children: _jsx(_components.code, { children: "docker stats" }) }), _jsx(_components.td, { children: "显示所有容器的实时资源使用情况。" })] }), _jsxs(_components.tr, { children: [_jsx(_components.td, { children: _jsx(_components.strong, { children: "网络和卷管理" }) }), _jsx(_components.td, { children: _jsx(_components.code, { children: "docker network ls" }) }), _jsx(_components.td, { children: "列出所有 Docker 网络。" })] }), _jsxs(_components.tr, { children: [_jsx(_components.td, {}), _jsx(_components.td, { children: _jsx(_components.code, { children: "docker network create " }) }), _jsx(_components.td, { children: "创建一个新的 Docker 网络。" })] }), _jsxs(_components.tr, { children: [_jsx(_components.td, {}), _jsx(_components.td, { children: _jsx(_components.code, { children: "docker volume ls" }) }), _jsx(_components.td, { children: "列出所有 Docker 卷。" })] }), _jsxs(_components.tr, { children: [_jsx(_components.td, {}), _jsx(_components.td, { children: _jsx(_components.code, { children: "docker volume create " }) }), _jsx(_components.td, { children: "创建一个新的 Docker 卷。" })] }), _jsxs(_components.tr, { children: [_jsx(_components.td, { children: _jsx(_components.strong, { children: "清理系统" }) }), _jsx(_components.td, { children: _jsx(_components.code, { children: "docker system prune -a -f" }) }), _jsx(_components.td, { children: "删除所有未使用的容器、网络、镜像（包括悬空镜像）和构建缓存。" })] }), _jsxs(_components.tr, { children: [_jsx(_components.td, {}), _jsx(_components.td, { children: _jsx(_components.code, { children: "docker volume prune -f" }) }), _jsx(_components.td, { children: "删除所有未使用的卷。" })] }), _jsxs(_components.tr, { children: [_jsx(_components.td, { children: _jsx(_components.strong, { children: "Docker Compose" }) }), _jsx(_components.td, { children: _jsx(_components.code, { children: "docker-compose up" }) }), _jsx(_components.td, { children: "启动定义在 docker-compose.yml 文件中的所有服务。" })] }), _jsxs(_components.tr, { children: [_jsx(_components.td, {}), _jsx(_components.td, { children: _jsx(_components.code, { children: "docker-compose up -d" }) }), _jsx(_components.td, { children: "在后台启动所有服务。" })] }), _jsxs(_components.tr, { children: [_jsx(_components.td, {}), _jsx(_components.td, { children: _jsx(_components.code, { children: "docker-compose down" }) }), _jsx(_components.td, { children: "停止并删除所有服务和网络。" })] }), _jsxs(_components.tr, { children: [_jsx(_components.td, {}), _jsx(_components.td, { children: _jsx(_components.code, { children: "docker-compose stop" }) }), _jsx(_components.td, { children: "停止所有服务。" })] }), _jsxs(_components.tr, { children: [_jsx(_components.td, {}), _jsx(_components.td, { children: _jsx(_components.code, { children: "docker-compose start" }) }), _jsx(_components.td, { children: "启动已停止的服务。" })] }), _jsxs(_components.tr, { children: [_jsx(_components.td, {}), _jsx(_components.td, { children: _jsx(_components.code, { children: "docker-compose restart" }) }), _jsx(_components.td, { children: "重启所有服务。" })] }), _jsxs(_components.tr, { children: [_jsx(_components.td, { children: _jsx(_components.strong, { children: "构建和管理服务" }) }), _jsx(_components.td, { children: _jsx(_components.code, { children: "docker-compose build" }) }), _jsx(_components.td, { children: "根据 docker-compose.yml 文件构建或重新构建服务。" })] }), _jsxs(_components.tr, { children: [_jsx(_components.td, {}), _jsx(_components.td, { children: _jsx(_components.code, { children: "docker-compose build --no-cache" }) }), _jsx(_components.td, { children: "不使用缓存构建服务。" })] }), _jsxs(_components.tr, { children: [_jsx(_components.td, {}), _jsx(_components.td, { children: _jsx(_components.code, { children: "docker-compose logs" }) }), _jsx(_components.td, { children: "查看所有服务的日志。" })] }), _jsxs(_components.tr, { children: [_jsx(_components.td, {}), _jsx(_components.td, { children: _jsx(_components.code, { children: "docker-compose logs " }) }), _jsx(_components.td, { children: "查看指定服务的日志。" })] }), _jsxs(_components.tr, { children: [_jsx(_components.td, {}), _jsx(_components.td, { children: _jsx(_components.code, { children: "docker-compose ps" }) }), _jsx(_components.td, { children: "列出所有服务的状态。" })] }), _jsxs(_components.tr, { children: [_jsx(_components.td, {}), _jsx(_components.td, { children: _jsx(_components.code, { children: "docker-compose exec " }) }), _jsx(_components.td, { children: "在运行中的服务容器内执行命令。" })] }), _jsxs(_components.tr, { children: [_jsx(_components.td, {}), _jsx(_components.td, { children: _jsx(_components.code, { children: "docker-compose run " }) }), _jsx(_components.td, { children: "在新容器中运行命令。" })] })] })] })] }); } function MDXContent(props = {}) { const {wrapper: MDXLayout} = { ..._provideComponents(), ...props.components }; return MDXLayout ? _jsx(MDXLayout, { ...props, children: _jsx(_createMdxContent, { ...props }) }) : _createMdxContent(props); } return { default: MDXContent };