昨天看到有人找剩余价值计算器，把自己的又升级了下，需要的自取

展示：

PC端：

移动端：

地址：https://calculator.helianthus.site/

Github: https://github.com/ryan-web-dev/vps-calculator

特点：

1. 根据UA判断设备类型，跳转到PC/M页面
2. PC和M两套交互，采用TDesin的PC和移动端组件库
3. 支持一些自定义，比如背景、文案之类的
4. 构建和部署简单

定制化：

修改根目录下的CustomizedData.json文件

bg-pc: PC端背景，现在默认是一个每日随机图
bg-m: 移动端背景，现在默认是一个每日随机图
title: 标题
tips: 提示文案，最多3行，代码作了截断，为了好看
tabTitle: 浏览器标签名称

{
    "bg-pc": "https://unsplash.it/1920/1080?random",
    "bg-m": "https://unsplash.it/1920/1080?random",
    "title": "VPS剩余价值计算器",
    "tips": [
        "牢记祖训：一鸡一号一邮箱",
        "大额交易走中介",
        "适度娱乐，回归生活"
    ],
    "tabTitle": "VPS剩余价值计算器"
}

构建：

1. 自己构建

有node环境，拉取代码后，执行：

npm install
npm run build

2. 直接使用dist目录中构建好的资源

部署：

1. Cloudflare Pages
   fork项目到自己的Github，在Cloudflare关联自己的Github,创建Page的时候选择项目，然后选项：
   

2. nginx部署

server {
  listen 80;
  server_name xxx.xxx.com;
  charset utf-8;

  location / {
    root /path/to/project/vps-calculator/dist;
    index index.html;
  }
}

已知问题

内存小的小鸡上构建貌似会内存不足构建失败，建议直接用dist目录里面的资源。

要个鸡腿不过分吧

感谢管理的推荐