AI 摘要
nginxconfig配置生成器的部署与优化方法：在Cloudflare Pages和Edgeone Pages上部署，使用环境变量去除DigitalOcean导航栏，替换组件移除弹窗。

nginx配置生成器.

一、来源

网课看到的一个工具.

仓库地址

二、部署

2.1 Cloudflare Pages

  1. 克隆仓库

  2. 部署框架 None

  3. 构建部署命令

1
npm run build
  1. 输出目录
1
dist

2.2 Edgeone Page

同 Cloudflare Pages

2.3 优化

默认构建时，会实时抓取 https://www.digitalocean.com/community 页面，导致有巨大的导航栏.

1.导航栏问题

可通过设置环境变量去掉

1
BLANK_TEMPLATE=true

右下角的弹窗，新建空壳版本，构建时替换即可.

src/nginxconfig/templates/callouts/contribute.no-popup.vue

1
2
3
4
5
6
7
8
9
<template>
    <div style="display:none"></div>
</template>

<script>
    export default {
        name: 'ContributeCallout',
    };
</script>

构建时覆盖

1
cp src/nginxconfig/templates/callouts/contribute.no-popup.vue src/nginxconfig/templates/callouts/contribute.vue && npm run build

三、效果

https://nginxconfig.bravexist.cn

效果图