149 lines
6.9 KiB
HTML
149 lines
6.9 KiB
HTML
<!DOCTYPE html>
|
||
<html lang="zh-CN">
|
||
<head>
|
||
<meta charset="UTF-8">
|
||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||
<title>{{ site_name }} - 阿里云/腾讯云/DigitalOcean/Vultr 等 VPS 月付价格对比</title>
|
||
<meta name="description" content="云服务器 VPS 价格对比表：阿里云、腾讯云、华为云、DigitalOcean、Vultr、Linode、AWS Lightsail 等厂商月付价格与配置对比，支持按区域、内存筛选，一键跳转官网。">
|
||
<meta name="keywords" content="云服务器价格,VPS价格对比,阿里云价格,腾讯云价格,DigitalOcean,Vultr,Linode,云主机月付">
|
||
<link rel="canonical" href="{{ site_url }}/">
|
||
<!-- Open Graph / 社交分享 -->
|
||
<meta property="og:type" content="website">
|
||
<meta property="og:url" content="{{ site_url }}/">
|
||
<meta property="og:title" content="{{ site_name }} - VPS 价格对比">
|
||
<meta property="og:description" content="云服务器 VPS 月付价格对比：阿里云、腾讯云、DigitalOcean、Vultr 等，支持筛选与官网跳转。">
|
||
<meta property="og:locale" content="zh_CN">
|
||
<!-- JSON-LD 结构化数据，便于搜索引擎理解 -->
|
||
<script type="application/ld+json">
|
||
{
|
||
"@context": "https://schema.org",
|
||
"@type": "WebApplication",
|
||
"name": "{{ site_name }}",
|
||
"description": "云服务器 VPS 月付价格对比表，支持多厂商筛选与官网跳转。",
|
||
"url": "{{ site_url }}",
|
||
"applicationCategory": "UtilitiesApplication"
|
||
}
|
||
</script>
|
||
<script type="application/ld+json">
|
||
{
|
||
"@context": "https://schema.org",
|
||
"@type": "Table",
|
||
"about": "云服务器 VPS 价格对比",
|
||
"name": "VPS 价格对比表",
|
||
"description": "各云厂商 VPS 方案配置与月付价格"
|
||
}
|
||
</script>
|
||
<link rel="preconnect" href="https://fonts.googleapis.com">
|
||
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
|
||
<link href="https://fonts.googleapis.com/css2?family=JetBrains+Mono:wght@400;600&family=Noto+Sans+SC:wght@400;500;700&display=swap" rel="stylesheet">
|
||
<link rel="stylesheet" href="/static/css/style.css">
|
||
</head>
|
||
<body>
|
||
<header class="header">
|
||
<div class="header-inner">
|
||
<h1 class="logo">VPS Price</h1>
|
||
<p class="tagline">云服务器价格对比 · 选型一目了然</p>
|
||
</div>
|
||
<!-- 广告位 1：页头横幅。接入 Google AdSense 时，将下方注释替换为您的广告代码 -->
|
||
<div class="ad-slot ad-slot-header" id="ad-slot-1">
|
||
<!-- 示例：Google AdSense 横幅
|
||
<script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-XXXXXX" crossorigin="anonymous"></script>
|
||
<ins class="adsbygoogle" style="display:block" data-ad-client="ca-pub-XXXXXX" data-ad-slot="XXXXXX" data-ad-format="auto"></ins>
|
||
<script>(adsbygoogle = window.adsbygoogle || []).push({});</script>
|
||
-->
|
||
</div>
|
||
</header>
|
||
|
||
<main class="main">
|
||
<!-- 搜索栏 -->
|
||
<section class="search-bar">
|
||
<input type="text" id="search-input" placeholder="搜索厂商、配置..." />
|
||
</section>
|
||
|
||
<section class="filters">
|
||
<div class="filter-group">
|
||
<label for="filter-provider">厂商</label>
|
||
<select id="filter-provider">
|
||
<option value="">全部</option>
|
||
</select>
|
||
</div>
|
||
<div class="filter-group">
|
||
<label for="filter-region">区域</label>
|
||
<select id="filter-region">
|
||
<option value="">全部</option>
|
||
</select>
|
||
</div>
|
||
<div class="filter-group">
|
||
<label for="filter-memory">内存 ≥</label>
|
||
<select id="filter-memory">
|
||
<option value="0">不限</option>
|
||
<option value="1">1 GB</option>
|
||
<option value="2">2 GB</option>
|
||
<option value="4">4 GB</option>
|
||
<option value="8">8 GB</option>
|
||
</select>
|
||
</div>
|
||
<div class="filter-group">
|
||
<label for="filter-price">价格区间</label>
|
||
<select id="filter-price">
|
||
<option value="0">不限</option>
|
||
<option value="0-50">< ¥50</option>
|
||
<option value="50-100">¥50-100</option>
|
||
<option value="100-300">¥100-300</option>
|
||
<option value="300-500">¥300-500</option>
|
||
<option value="500-99999">> ¥500</option>
|
||
</select>
|
||
</div>
|
||
<div class="filter-group">
|
||
<label for="filter-currency">货币</label>
|
||
<select id="filter-currency">
|
||
<option value="CNY">人民币 (¥)</option>
|
||
<option value="USD">美元 ($)</option>
|
||
</select>
|
||
</div>
|
||
<button type="button" class="btn-reset" id="btn-reset">重置筛选</button>
|
||
</section>
|
||
|
||
<!-- 广告位 2：表格上方。可放置矩形或横条广告 -->
|
||
<div class="ad-slot ad-slot-inline" id="ad-slot-2">
|
||
<!-- 在此处粘贴 Google AdSense 代码 -->
|
||
</div>
|
||
|
||
<section class="table-wrap">
|
||
<table class="price-table">
|
||
<thead>
|
||
<tr>
|
||
<th>厂商</th>
|
||
<th>国家</th>
|
||
<th>配置</th>
|
||
<th data-sort="vcpu" class="sortable">vCPU <span class="sort-icon"></span></th>
|
||
<th data-sort="memory_gb" class="sortable">内存 <span class="sort-icon"></span></th>
|
||
<th data-sort="storage_gb" class="sortable">存储 <span class="sort-icon"></span></th>
|
||
<th>带宽</th>
|
||
<th>流量</th>
|
||
<th data-sort="price" class="col-price sortable">月付价格 <span class="sort-icon"></span></th>
|
||
<th class="col-link">操作</th>
|
||
</tr>
|
||
</thead>
|
||
<tbody id="table-body">
|
||
<!-- 由 JS 填充 -->
|
||
</tbody>
|
||
</table>
|
||
</section>
|
||
|
||
<p class="disclaimer">* 价格仅供参考，以各厂商官网为准。部分为按量/包年折算月价。</p>
|
||
</main>
|
||
|
||
<footer class="footer">
|
||
<!-- 广告位 3：页脚前 -->
|
||
<div class="ad-slot ad-slot-footer" id="ad-slot-3">
|
||
<!-- 在此处粘贴 Google AdSense 代码 -->
|
||
</div>
|
||
<p>数据仅供参考 · 请以云厂商官网实时报价为准</p>
|
||
<p class="contact">联系：Telegram <a href="https://t.me/dockerse" target="_blank" rel="noopener">@dockerse</a></p>
|
||
</footer>
|
||
|
||
<script src="/static/js/main-enhanced.js"></script>
|
||
</body>
|
||
</html>
|