搓了一个高颜值的 VPS 剩余价值计算器 Pro - 支持一键生成并上传图片/自动汇率/开源

这两天闲着没事，手搓了一个 VPS 价值计算器 (Pro)，主打一个高颜值和自动化。不仅仅是算钱，更能直接生成一张精美的“资产快照”图片，直接复制链接就能发到论坛里交易。

✨ 主要功能

• 🎨 颜值在线：采用流行的玻璃拟态（Glassmorphism）设计，支持深色/浅色模式自动切换，手机电脑自适应。

• 💰 智能计算：

• 对接实时汇率 API（自动换算 USD/CNY 等）。

• 支持自定义周期（月/季/半年/年/三年/买断）。

• 精准计算剩余天数、残值、溢价/折价。

• 📸 交易神器：

• 一键生成资产快照：生成高清晰度的资产卡片图片。

• 自动图床上传：配置好后，点击上传直接生成 Markdown 代码，复制就能发帖。

🔗 在线体验 & 开源

演示地址：https://tools.nkx.moe/VPS/

GitHub 地址：https://github.com/3257085208/VPS-/tree/main

🖼️ 效果演示

1. 界面预览 & 深色模式：



2. 生成的资产快照（直接用于交易贴）：

🛠️ 技术栈 & 部署

这是一个轻量级工具，部署非常简单：

• 前端：原生 HTML/JS + Tailwind CSS (无需编译) + html-to-image
• 后端：单文件 PHP (用于解决跨域、保护 Token 和代理 Logo 获取)

部署要求：
只需要一个装了 Nginx/Apache 和 PHP 的小鸡（VPS）即可，把文件丢进网站目录就能跑。
（因为我的图床是部署在CF上 没有弄跨域 就直接弄了一个upload.php中转 自己搭建如果不需要上传到图床的功能，可以直接把index.html文件部署到Github+CloudFlare Pages即可）