From f5add454b97d3b6fc61ed27356f35dc0e0b32bdd Mon Sep 17 00:00:00 2001 From: QIU SHENGMING Date: Mon, 1 Dec 2025 11:33:08 +0800 Subject: [PATCH] =?UTF-8?q?=E6=B7=BB=E5=8A=A0=E8=B4=A2=E5=8A=A1=E6=8A=A5?= =?UTF-8?q?=E8=A1=A8?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- src/pages/expenses.astro | 87 ++++++++++++++++++++++++++++++++++++++++ 1 file changed, 87 insertions(+) create mode 100644 src/pages/expenses.astro diff --git a/src/pages/expenses.astro b/src/pages/expenses.astro new file mode 100644 index 0000000..15264c6 --- /dev/null +++ b/src/pages/expenses.astro @@ -0,0 +1,87 @@ +--- +import MainGridLayout from "@layouts/MainGridLayout.astro"; +import { Icon } from "astro-icon/components"; + +// --- 在这里配置你的支出项目 --- +const expenses = [ + { + name: "Cloudflare Argo Smart Routing", + price: "5.00", // 基础费用，根据流量会有浮动 + cycle: "每月", + desc: "智能路由加速，优化全球访问速度" + }, + { + name: "域名 (mckero.com)", + price: "10", // 假设约 $10.00/年，平均到每月 + cycle: "每年", + desc: "域名的持有成本" + }, + { + name: "Cloudflare Pages", + price: "0.00", + cycle: "每月", + desc: "静态页面托管 (Free Plan)" + }, + // 你可以在这里继续添加项目... +]; + +// 自动计算总额 +const totalMonthly = expenses.reduce((acc, item) => acc + parseFloat(item.price), 0).toFixed(2); +--- + + +
+
+
+ +
+

运行成本

+
+ +
+
+
每月预估总支出
+
${totalMonthly} / 月
+
+
+ 为了追求极致的访问速度与稳定性，这是必要的投入。 +
+
+ +
+ + + + + + + + + + {expenses.map((item) => ( + + + + + + ))} + +
项目名称用途说明费用 (USD)
+
{item.name}
+
{item.desc}
 +
${item.price}
+
{item.cycle}
+
+
+ +
+

+ + 说明：Cloudflare Argo 费用为预估值，实际费用取决于当月流量。 +

+
+ +
+ \ No newline at end of file