发布日期:
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<meta content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0" name="viewport">
<title>蓝蓝波场能量租赁平台 - TRX能量租赁与USDT兑换服务</title>
<meta name="description" content="蓝蓝波场能量租赁平台提供高效的TRX能量租赁与USDT兑换服务,节省手续费,帮助您轻松管理数字资产。24小时闪兑服务,实时汇率。">
<meta name="keywords" content="TRX能量租赁, USDT兑换TRX, 波场TRX, 区块链交易, 数字资产管理, 24小时闪兑, 节省手续费">
<meta name="author" content="蓝蓝租赁平台团队">
<!-- 结构化数据(Schema Markup) -->
<script type="application/ld+json">
{
"@context": "https://schema.org",
"@type": "WebSite",
"name": "蓝蓝波场能量租赁平台",
"url": "https://www.8trx.top",
"description": "蓝蓝波场能量租赁平台提供高效的TRX能量租赁与USDT兑换服务,24小时闪兑,实时汇率,帮助您轻松管理数字资产。",
"keywords": ["TRX能量租赁", "USDT兑换TRX", "数字资产闪兑", "TRX交易", "波场TRX"]
}
</script>
<script src="https://code.jquery.com/jquery-3.7.1.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/clipboard.js/2.0.6/clipboard.min.js"></script>
<link rel="stylesheet" href="style.css">
<style>
body {
background: linear-gradient(to right, #0066ff, #33ccff);
font-family: Arial, sans-serif;
color: white;
margin: 0;
padding: 0;
}
.header {
display: flex;
justify-content: space-between;
align-items: center;
padding: 15px 20px;
background-color: rgba(255, 0, 0, 0.5);
position: fixed;
top: 0;
left: 0;
right: 0;
z-index: 1000;
transition: background-color 0.3s;
}
.header.scrolled {
background-color: rgba(200, 162, 200, 0.8);
}
.logo {
display: flex;
align-items: center;
}
.logo img {
width: 40px;
margin-right: 10px;
}
.nav {
display: flex;
gap: 15px;
}
.nav a {
text-decoration: none;
color: white;
font-size: 18px;
padding: 8px;
transition: 0.3s;
}
.nav a:hover {
color: #ffcc00;
}
@media (max-width: 768px) {
.header {
padding: 10px 15px;
}
.nav {
display: none;
position: absolute;
top: 100%;
left: 0;
right: 0;
background-color: rgba(0, 0, 0, 0.9);
flex-direction: column;
padding: 20px;
text-align: center;
}
.nav.active {
display: flex;
}
.nav a {
font-size: 16px;
padding: 10px 0;
display: block;
border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}
.nav a:last-child {
border-bottom: none;
}
.menu-toggle {
display: block;
background: none;
border: none;
color: white;
font-size: 16px;
cursor: pointer;
padding: 5px 10px;
border-radius: 5px;
background-color: rgba(255, 255, 255, 0.2);
transition: background-color 0.3s;
}
.menu-toggle:hover {
background-color: rgba(255, 255, 255, 0.4);
}
body {
padding-top: 60px;
}
}
@media (min-width: 769px) {
.menu-toggle {
display: none;
}
body {
padding-top: 70px;
}
}
.mainTitle h1 {
text-align: center;
font-size: 36px;
margin-top: 50px;
font-weight: bold;
}
.mainTitle p {
text-align: center;
font-size: 18px;
}
.exchangeDiv {
width: 70%;
margin: 50px auto;
background-color: rgba(255, 255, 255, 0.1);
padding: 30px;
border-radius: 15px;
box-shadow: 0 4px 15px rgba(0, 0, 0, 0.3);
}
.form input, .form select, .form button {
padding: 10px;
font-size: 16px;
margin-bottom: 15px;
width: 100%;
border-radius: 5px;
border: none;
}
.form button {
background-color: #33ccff;
border: none;
color: white;
cursor: pointer;
transition: 0.3s;
}
.form button:hover {
background-color: #0066ff;
}
.result {
text-align: center;
margin-top: 20px;
font-size: 18px;
}
.result span {
color: #ffcc00;
font-weight: bold;
}
.footer {
text-align: center;
padding: 20px;
background-color: rgba(0, 0, 0, 0.5);
margin-top: 50px;
}
.footer a {
color: white;
text-decoration: none;
margin: 0 10px;
transition: 0.3s;
}
.footer a:hover {
color: #ffcc00;
}
.copy-btn {
background-color: #ffcc00;
color: black;
padding: 10px;
cursor: pointer;
border-radius: 5px;
margin-top: 10px;
display: inline-block;
}
.copy-btn:hover {
background-color: #ff9900;
}
.check-btn {
background-color: #33ccff;
color: white;
padding: 10px;
cursor: pointer;
border-radius: 5px;
margin-top: 10px;
display: inline-block;
border: none;
width: 100%;
transition: 0.3s;
}
.check-btn:hover {
background-color: #0066ff;
}
.note {
font-size: 16px;
color: #ffcc00;
}
.prices {
font-size: 16px;
color: #ffffff;
}
.exchange-rate {
color: #ffcc00;
font-weight: bold;
}
.form input#userAddress {
background-color: rgba(255, 255, 255, 0.9);
color: black;
}
</style>
</head>
<body>
<!-- Header -->
<div class="header">
<div class="logo">
<img src="/logo-white.svg" alt="Logo">
<span>蓝蓝波场能量租赁-TRX兑换</span>
</div>
<button class="menu-toggle">菜单</button>
<div class="nav">
<a href="/#energyRental">⚡️闪租能量</a>
<a href="/#purchaseCount">✏️购买笔数</a>
<a href="/#exchange">USDT兑换TRX</a>
<a href="/3.php">冷钱包安全知识</a>
<a href="/#contact">联系方式</a>
</div>
</div>
</div>
<?php
// 获取文章文件名
$file = $_GET['file'];
$filePath = 'articles/' . $file;
// 检查文件是否存在
if (file_exists($filePath)) {
$content = file_get_contents($filePath);
$lines = explode("\n", $content);
$title = $lines[0]; // 文章标题
$date = $lines[1]; // 文章发布日期
$body = implode("\n", array_slice($lines, 2)); // 文章内容
} else {
echo "文章不存在。";
exit;
}
// 动态生成 meta 标签
echo "<meta name='description' content='" . substr($body, 0, 150) . "...'>";
echo "<meta name='keywords' content='$title, 文章, SEO优化'>";
echo "<meta property='og:title' content='$title'>";
echo "<meta property='og:description' content='" . substr($body, 0, 150) . "...'>";
echo "<meta property='og:type' content='article'>";
echo "<meta property='og:image' content='http://example.com/path/to/your-image.jpg'>";
// 结构化数据
echo "<script type='application/ld+json'>
{
'@context': 'http://schema.org',
'@type': 'Article',
'headline': '$title',
'description': '" . substr($body, 0, 150) . "...',
'author': {
'@type': 'Person',
'name': '张三'
},
'datePublished': '$date',
'image': 'http://example.com/path/to/your-image.jpg',
'publisher': {
'@type': 'Organization',
'name': 'SEO优化网站'
}
}
</script>";
?>
<!DOCTYPE html>
<html lang="zh">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title><?php echo $title; ?></title>
</head>
<body>
<article>
<h1><?php echo $title; ?></h1>
<p><strong>发布日期:</strong><?php echo $date; ?></p>
<div>
<!-- 显示文章内容并保留换行 -->
<?php echo nl2br(htmlspecialchars($body)); ?>
</div>
<!-- 返回上一页按钮 -->
<a href="/3.php">返回文章列表</a> <a href="/">返回首页</a>
<!-- 或者你可以使用固定的链接 -->
</article>
</body>
</html>
</body>
</html>
<div class="footer">
<a href="/#energyRental">闪租能量</a>
<a href="/#purchaseCount">购买笔数</a>
<a href="/#exchange">USDT兑换TRX</a>
<a href="/3.php">冷钱包安全知识</a>
<a href="/#contact">联系我们</a>
</div>
<script>
$(document).ready(function() {
// 初始化 Clipboard.js
var clipboard = new ClipboardJS('.copy-btn', {
target: function(trigger) {
return trigger.previousElementSibling;
}
});
clipboard.on('success', function(e) {
alert('地址已复制到剪贴板!');
e.clearSelection();
});
clipboard.on('error', function(e) {
alert('复制失败,请手动复制!');
});
// 菜单切换
$('.menu-toggle').click(function() {
$('.nav').toggleClass('active'); // 切换显示和隐藏菜单
});
// 滚动效果
$(window).scroll(function() {
if ($(window).scrollTop() > 0) {
$('.header').addClass('scrolled');
} else {
$('.header').removeClass('scrolled');
}
});
});
</script>
</body>
</html>