heardic 发表于 2025-1-9 00:19:15

发一个剩余价值计算器需要的自取

#### 展示：

PC端：
!(https://image.dooo.ng/c/2025/01/05/6779f8dc6fbc6.webp)

移动端：
!(https://image.dooo.ng/c/2025/01/05/6779f8dacbeed.webp)

地址：(https://forum.naixi.net/goto.php?url=https%3A%2F%2Fcalculator.helianthus.site%2F)

Github: (https://forum.naixi.net/goto.php?url=https%3A%2F%2Fgithub.com%2Fryan-web-dev%2Fvps-calculator)

#### 特点：

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

#### 定制化：

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

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

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

#### 构建：

1. 自己构建

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

```bash
npm install
npm run build
```

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

#### 部署：

1. Cloudflare Pages
   fork项目到自己的Github，在Cloudflare关联自己的Github,创建Page的时候选择项目，然后选项：
   !(https://image.dooo.ng/c/2025/01/05/6779f5dcad379.webp)
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目录里面的资源。

blinkthought 发表于 6 天前

我还以为计算人的剩余价值。

听见你 发表于 6 天前

我记得这是NS论坛的大佬发的，搬运还是标注下好点。

btpanel 发表于 6 天前

听见你 发表于 2025-1-13 12:44
我记得这是NS论坛的大佬发的，搬运还是标注下好点。

NS是什么论坛，NoobSuck吗

听见你 发表于 6 天前

btpanel 发表于 2025-1-13 13:18
NS是什么论坛，NoobSuck吗

不是的

talisman 发表于 前天 00:18

什么的剩余价值 没看懂

wwdzcdb 发表于 前天 09:30

来个计算人的就好了
页: [1]
查看完整版本: 发一个剩余价值计算器需要的自取