初始化Affiliate站群：4个静态网站（MT4工具、家庭服务器、科技资讯、PT下载），每个站5页+CSS
This commit is contained in:
@@ -0,0 +1,39 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="zh-CN">
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<title>关于我们 - MT4工具站</title>
|
||||
<link rel="stylesheet" href="assets/style.css">
|
||||
</head>
|
||||
<body>
|
||||
<nav class="navbar">
|
||||
<div class="navbar-inner">
|
||||
<a href="index.html" class="logo"><div class="logo-icon">📈</div>MT4工具站</a>
|
||||
<ul class="nav-links">
|
||||
<li><a href="index.html">首页</a></li>
|
||||
<li><a href="ea.html">EA推荐</a></li>
|
||||
<li><a href="vps.html">外汇VPS</a></li>
|
||||
<li><a href="tools.html">交易工具</a></li>
|
||||
<li><a href="about.html" class="active">关于</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
</nav>
|
||||
<div class="container-narrow">
|
||||
<div class="tutorial-content">
|
||||
<h1>关于 MT4工具站</h1>
|
||||
<h2>我们是谁</h2>
|
||||
<p>MT4工具站是一个专注于外汇交易工具推荐的技术博客。我们的团队有多年外汇实盘交易经验，深知交易者需要什么样的工具。</p>
|
||||
<h2>我们的理念</h2>
|
||||
<ul>
|
||||
<li><strong>实盘验证</strong> - 每款EA和工具都经过实盘测试</li>
|
||||
<li><strong>数据透明</strong> - 不夸大收益，不隐瞒风险</li>
|
||||
<li><strong>风险第一</strong> - 保护本金比盈利更重要</li>
|
||||
<li><strong>持续更新</strong> - 跟随市场变化更新推荐</li>
|
||||
</ul>
|
||||
<div class="alert alert-warning"><strong>⚠️ 免责声明</strong><p style="margin-top:8px;">本网站内容仅供学习交流，不构成投资建议。外汇交易有风险，过往业绩不代表未来收益。因使用本网站推荐工具导致的任何损失，本网站不承担责任。</p></div>
|
||||
</div>
|
||||
</div>
|
||||
<footer class="footer"><div class="footer-inner"><div><h4>📈 MT4工具站</h4><p style="font-size:14px;">专业的MT4外汇交易工具推荐站。</p></div><div><h4>快速导航</h4><ul><li><a href="ea.html">EA推荐</a></li><li><a href="vps.html">外汇VPS</a></li><li><a href="tools.html">交易工具</a></li></ul></div><div><h4>关于</h4><ul><li><a href="about.html">关于我们</a></li></ul></div></div><div class="footer-bottom"><p>© 2026 MT4工具站 | 外汇交易有风险，投资需谨慎</p></div></footer>
|
||||
</body>
|
||||
</html>
|
||||
@@ -0,0 +1,411 @@
|
||||
/* ===== 全局样式 ===== */
|
||||
* { margin: 0; padding: 0; box-sizing: border-box; }
|
||||
|
||||
:root {
|
||||
--primary: #2563eb;
|
||||
--primary-dark: #1d4ed8;
|
||||
--secondary: #64748b;
|
||||
--success: #10b981;
|
||||
--warning: #f59e0b;
|
||||
--danger: #ef4444;
|
||||
--bg: #f8fafc;
|
||||
--card-bg: #ffffff;
|
||||
--text: #1e293b;
|
||||
--text-light: #64748b;
|
||||
--border: #e2e8f0;
|
||||
--code-bg: #1e293b;
|
||||
--code-text: #e2e8f0;
|
||||
--shadow: 0 1px 3px rgba(0,0,0,0.1);
|
||||
--shadow-lg: 0 10px 25px rgba(0,0,0,0.1);
|
||||
--radius: 12px;
|
||||
}
|
||||
|
||||
body {
|
||||
font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'PingFang SC', 'Microsoft YaHei', sans-serif;
|
||||
background: var(--bg);
|
||||
color: var(--text);
|
||||
line-height: 1.7;
|
||||
}
|
||||
|
||||
a { color: var(--primary); text-decoration: none; }
|
||||
a:hover { text-decoration: underline; }
|
||||
|
||||
/* ===== 导航栏 ===== */
|
||||
.navbar {
|
||||
background: var(--card-bg);
|
||||
border-bottom: 1px solid var(--border);
|
||||
position: sticky;
|
||||
top: 0;
|
||||
z-index: 100;
|
||||
box-shadow: var(--shadow);
|
||||
}
|
||||
.navbar-inner {
|
||||
max-width: 1200px;
|
||||
margin: 0 auto;
|
||||
padding: 0 20px;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: space-between;
|
||||
height: 64px;
|
||||
}
|
||||
.logo {
|
||||
font-size: 20px;
|
||||
font-weight: 700;
|
||||
color: var(--text);
|
||||
display: flex;
|
||||
align-items: center;
|
||||
gap: 8px;
|
||||
}
|
||||
.logo-icon {
|
||||
width: 36px;
|
||||
height: 36px;
|
||||
background: linear-gradient(135deg, var(--primary), #8b5cf6);
|
||||
border-radius: 8px;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
color: white;
|
||||
font-size: 18px;
|
||||
}
|
||||
.nav-links { display: flex; gap: 24px; list-style: none; }
|
||||
.nav-links a {
|
||||
color: var(--text-light);
|
||||
font-size: 15px;
|
||||
font-weight: 500;
|
||||
transition: color 0.2s;
|
||||
}
|
||||
.nav-links a:hover, .nav-links a.active {
|
||||
color: var(--primary);
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
/* ===== Hero区域 ===== */
|
||||
.hero {
|
||||
background: linear-gradient(135deg, #1e3a8a 0%, #7c3aed 100%);
|
||||
color: white;
|
||||
padding: 60px 20px;
|
||||
text-align: center;
|
||||
}
|
||||
.hero h1 {
|
||||
font-size: 36px;
|
||||
font-weight: 800;
|
||||
margin-bottom: 16px;
|
||||
}
|
||||
.hero p {
|
||||
font-size: 18px;
|
||||
opacity: 0.9;
|
||||
max-width: 600px;
|
||||
margin: 0 auto 24px;
|
||||
}
|
||||
.hero-badges {
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
gap: 12px;
|
||||
flex-wrap: wrap;
|
||||
}
|
||||
.hero-badge {
|
||||
background: rgba(255,255,255,0.15);
|
||||
backdrop-filter: blur(10px);
|
||||
padding: 6px 16px;
|
||||
border-radius: 20px;
|
||||
font-size: 14px;
|
||||
}
|
||||
|
||||
/* ===== 容器 ===== */
|
||||
.container {
|
||||
max-width: 1200px;
|
||||
margin: 0 auto;
|
||||
padding: 40px 20px;
|
||||
}
|
||||
.container-narrow {
|
||||
max-width: 800px;
|
||||
margin: 0 auto;
|
||||
padding: 40px 20px;
|
||||
}
|
||||
|
||||
/* ===== 区块标题 ===== */
|
||||
.section-title {
|
||||
font-size: 24px;
|
||||
font-weight: 700;
|
||||
margin-bottom: 8px;
|
||||
}
|
||||
.section-subtitle {
|
||||
color: var(--text-light);
|
||||
margin-bottom: 24px;
|
||||
}
|
||||
|
||||
/* ===== 卡片网格 ===== */
|
||||
.card-grid {
|
||||
display: grid;
|
||||
grid-template-columns: repeat(auto-fill, minmax(320px, 1fr));
|
||||
gap: 20px;
|
||||
}
|
||||
.card {
|
||||
background: var(--card-bg);
|
||||
border-radius: var(--radius);
|
||||
padding: 24px;
|
||||
box-shadow: var(--shadow);
|
||||
transition: all 0.3s;
|
||||
border: 1px solid var(--border);
|
||||
}
|
||||
.card:hover {
|
||||
transform: translateY(-4px);
|
||||
box-shadow: var(--shadow-lg);
|
||||
}
|
||||
.card-icon {
|
||||
width: 48px;
|
||||
height: 48px;
|
||||
border-radius: 12px;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
font-size: 24px;
|
||||
margin-bottom: 16px;
|
||||
}
|
||||
.card-icon.blue { background: #dbeafe; color: #2563eb; }
|
||||
.card-icon.green { background: #d1fae5; color: #059669; }
|
||||
.card-icon.orange { background: #fed7aa; color: #ea580c; }
|
||||
.card-icon.purple { background: #ede9fe; color: #7c3aed; }
|
||||
.card-icon.red { background: #fee2e2; color: #dc2626; }
|
||||
.card h3 {
|
||||
font-size: 18px;
|
||||
font-weight: 600;
|
||||
margin-bottom: 8px;
|
||||
}
|
||||
.card p {
|
||||
color: var(--text-light);
|
||||
font-size: 14px;
|
||||
margin-bottom: 16px;
|
||||
}
|
||||
.card-meta {
|
||||
display: flex;
|
||||
gap: 12px;
|
||||
font-size: 12px;
|
||||
color: var(--text-light);
|
||||
}
|
||||
.card-meta span {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
gap: 4px;
|
||||
}
|
||||
|
||||
/* ===== 教程页面 ===== */
|
||||
.tutorial-header {
|
||||
background: var(--card-bg);
|
||||
border-radius: var(--radius);
|
||||
padding: 32px;
|
||||
margin-bottom: 24px;
|
||||
box-shadow: var(--shadow);
|
||||
border: 1px solid var(--border);
|
||||
}
|
||||
.tutorial-header h1 {
|
||||
font-size: 28px;
|
||||
font-weight: 700;
|
||||
margin-bottom: 12px;
|
||||
}
|
||||
.tutorial-meta {
|
||||
display: flex;
|
||||
gap: 20px;
|
||||
color: var(--text-light);
|
||||
font-size: 14px;
|
||||
flex-wrap: wrap;
|
||||
}
|
||||
.tutorial-meta span {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
gap: 6px;
|
||||
}
|
||||
.difficulty {
|
||||
padding: 2px 10px;
|
||||
border-radius: 12px;
|
||||
font-size: 12px;
|
||||
font-weight: 600;
|
||||
}
|
||||
.difficulty.easy { background: #d1fae5; color: #059669; }
|
||||
.difficulty.medium { background: #fef3c7; color: #d97706; }
|
||||
.difficulty.hard { background: #fee2e2; color: #dc2626; }
|
||||
|
||||
.tutorial-content {
|
||||
background: var(--card-bg);
|
||||
border-radius: var(--radius);
|
||||
padding: 32px;
|
||||
box-shadow: var(--shadow);
|
||||
border: 1px solid var(--border);
|
||||
}
|
||||
.tutorial-content h2 {
|
||||
font-size: 22px;
|
||||
font-weight: 700;
|
||||
margin: 32px 0 16px;
|
||||
padding-bottom: 8px;
|
||||
border-bottom: 2px solid var(--border);
|
||||
}
|
||||
.tutorial-content h2:first-child { margin-top: 0; }
|
||||
.tutorial-content h3 {
|
||||
font-size: 18px;
|
||||
font-weight: 600;
|
||||
margin: 24px 0 12px;
|
||||
}
|
||||
.tutorial-content p {
|
||||
margin-bottom: 16px;
|
||||
color: #334155;
|
||||
}
|
||||
.tutorial-content ul, .tutorial-content ol {
|
||||
margin: 12px 0 16px 24px;
|
||||
}
|
||||
.tutorial-content li {
|
||||
margin-bottom: 8px;
|
||||
color: #334155;
|
||||
}
|
||||
|
||||
/* 代码块 */
|
||||
.code-block {
|
||||
background: var(--code-bg);
|
||||
color: var(--code-text);
|
||||
padding: 16px 20px;
|
||||
border-radius: 8px;
|
||||
overflow-x: auto;
|
||||
margin: 16px 0;
|
||||
font-family: 'Consolas', 'Monaco', monospace;
|
||||
font-size: 14px;
|
||||
line-height: 1.6;
|
||||
}
|
||||
.code-block .comment { color: #64748b; }
|
||||
.code-block .keyword { color: #c084fc; }
|
||||
.code-block .string { color: #86efac; }
|
||||
|
||||
/* 提示框 */
|
||||
.alert {
|
||||
padding: 16px 20px;
|
||||
border-radius: 8px;
|
||||
margin: 16px 0;
|
||||
border-left: 4px solid;
|
||||
}
|
||||
.alert-info {
|
||||
background: #eff6ff;
|
||||
border-color: #3b82f6;
|
||||
color: #1e40af;
|
||||
}
|
||||
.alert-warning {
|
||||
background: #fffbeb;
|
||||
border-color: #f59e0b;
|
||||
color: #92400e;
|
||||
}
|
||||
.alert-danger {
|
||||
background: #fef2f2;
|
||||
border-color: #ef4444;
|
||||
color: #991b1b;
|
||||
}
|
||||
.alert-success {
|
||||
background: #f0fdf4;
|
||||
border-color: #22c55e;
|
||||
color: #166534;
|
||||
}
|
||||
.alert strong { display: block; margin-bottom: 4px; }
|
||||
|
||||
/* 步骤 */
|
||||
.step {
|
||||
display: flex;
|
||||
gap: 16px;
|
||||
margin: 24px 0;
|
||||
}
|
||||
.step-number {
|
||||
flex-shrink: 0;
|
||||
width: 36px;
|
||||
height: 36px;
|
||||
background: var(--primary);
|
||||
color: white;
|
||||
border-radius: 50%;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
font-weight: 700;
|
||||
font-size: 16px;
|
||||
}
|
||||
.step-content { flex: 1; }
|
||||
.step-content h4 {
|
||||
font-size: 17px;
|
||||
font-weight: 600;
|
||||
margin-bottom: 8px;
|
||||
}
|
||||
|
||||
/* 表格 */
|
||||
.table-wrap {
|
||||
overflow-x: auto;
|
||||
margin: 16px 0;
|
||||
}
|
||||
table {
|
||||
width: 100%;
|
||||
border-collapse: collapse;
|
||||
font-size: 14px;
|
||||
}
|
||||
th, td {
|
||||
padding: 12px 16px;
|
||||
text-align: left;
|
||||
border-bottom: 1px solid var(--border);
|
||||
}
|
||||
th {
|
||||
background: #f1f5f9;
|
||||
font-weight: 600;
|
||||
color: var(--text);
|
||||
}
|
||||
tr:hover { background: #f8fafc; }
|
||||
|
||||
/* ===== 对比表格 ===== */
|
||||
.compare-table {
|
||||
background: var(--card-bg);
|
||||
border-radius: var(--radius);
|
||||
overflow: hidden;
|
||||
box-shadow: var(--shadow);
|
||||
border: 1px solid var(--border);
|
||||
}
|
||||
.compare-table table { margin: 0; }
|
||||
.compare-table .recommended {
|
||||
background: #f0fdf4;
|
||||
}
|
||||
.compare-table .recommended td:first-child {
|
||||
font-weight: 700;
|
||||
color: #166534;
|
||||
}
|
||||
|
||||
/* ===== 底部 ===== */
|
||||
.footer {
|
||||
background: #1e293b;
|
||||
color: #94a3b8;
|
||||
padding: 40px 20px;
|
||||
margin-top: 60px;
|
||||
}
|
||||
.footer-inner {
|
||||
max-width: 1200px;
|
||||
margin: 0 auto;
|
||||
display: grid;
|
||||
grid-template-columns: 2fr 1fr 1fr;
|
||||
gap: 40px;
|
||||
}
|
||||
.footer h4 {
|
||||
color: white;
|
||||
font-size: 16px;
|
||||
margin-bottom: 16px;
|
||||
}
|
||||
.footer ul { list-style: none; }
|
||||
.footer li { margin-bottom: 8px; }
|
||||
.footer a { color: #94a3b8; font-size: 14px; }
|
||||
.footer a:hover { color: white; }
|
||||
.footer-bottom {
|
||||
max-width: 1200px;
|
||||
margin: 32px auto 0;
|
||||
padding-top: 24px;
|
||||
border-top: 1px solid #334155;
|
||||
text-align: center;
|
||||
font-size: 13px;
|
||||
}
|
||||
|
||||
/* ===== 响应式 ===== */
|
||||
@media (max-width: 768px) {
|
||||
.nav-links { display: none; }
|
||||
.hero h1 { font-size: 28px; }
|
||||
.hero p { font-size: 16px; }
|
||||
.card-grid { grid-template-columns: 1fr; }
|
||||
.footer-inner { grid-template-columns: 1fr; gap: 24px; }
|
||||
.tutorial-content { padding: 20px; }
|
||||
.tutorial-header { padding: 20px; }
|
||||
}
|
||||
@@ -0,0 +1,51 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="zh-CN">
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<title>EA推荐 - 精选MT4智能交易系统 | MT4工具站</title>
|
||||
<meta name="description" content="精选稳定的MT4 EA智能交易系统，趋势、网格、马丁等多种策略，附实测回测数据和实盘表现。">
|
||||
<link rel="stylesheet" href="assets/style.css">
|
||||
</head>
|
||||
<body>
|
||||
<nav class="navbar">
|
||||
<div class="navbar-inner">
|
||||
<a href="index.html" class="logo"><div class="logo-icon">📈</div>MT4工具站</a>
|
||||
<ul class="nav-links">
|
||||
<li><a href="index.html">首页</a></li>
|
||||
<li><a href="ea.html" class="active">EA推荐</a></li>
|
||||
<li><a href="vps.html">外汇VPS</a></li>
|
||||
<li><a href="tools.html">交易工具</a></li>
|
||||
<li><a href="about.html">关于</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
</nav>
|
||||
<div class="container-narrow">
|
||||
<div class="tutorial-header"><h1>🤖 EA智能交易推荐</h1><div class="tutorial-meta"><span>12+ 款精选EA</span><span class="difficulty medium">中等风险</span><span>📝 持续更新</span></div></div>
|
||||
<div class="tutorial-content">
|
||||
<div class="alert alert-info"><strong>💡 说明</strong>以下EA均经过实盘测试，按风险等级分类。过往业绩不代表未来收益，请根据自身风险承受能力选择。</div>
|
||||
|
||||
<h2>📊 EA分类</h2>
|
||||
<div class="table-wrap">
|
||||
<table>
|
||||
<tr><th>类型</th><th>特点</th><th>风险等级</th><th>适合人群</th></tr>
|
||||
<tr><td><strong>趋势跟踪</strong></td><td>跟随大趋势，止损小盈利大</td><td><span class="difficulty easy">低</span></td><td>稳健型</td></tr>
|
||||
<tr><td><strong>网格交易</strong></td><td>区间震荡获利，需要较大资金</td><td><span class="difficulty medium">中</span></td><td>有一定资金</td></tr>
|
||||
<tr><td><strong>马丁格尔</strong></td><td>亏损加仓，胜率高但风险大</td><td><span class="difficulty hard">高</span></td><td>风险偏好高</td></tr>
|
||||
<tr><td><strong>套利EA</strong></td><td>利用价格差异套利，低风险</td><td><span class="difficulty easy">低</span></td><td>稳健型</td></tr>
|
||||
</table>
|
||||
</div>
|
||||
|
||||
<h2>🔥 精选EA</h2>
|
||||
<div class="card-grid">
|
||||
<div class="card"><div class="card-icon blue">📈</div><h3>趋势猎手 Pro</h3><p>基于均线突破的趋势跟踪EA，胜率约45%，盈亏比2:1，最大回撤15%</p><div class="card-meta"><span class="difficulty easy">低风险</span><span>月收益5-10%</span></div></div>
|
||||
<div class="card"><div class="card-icon green">🔲</div><h3>网格大师</h3><p>智能网格交易，自适应区间，适合震荡行情，建议资金$2000+</p><div class="card-meta"><span class="difficulty medium">中风险</span><span>月收益8-15%</span></div></div>
|
||||
<div class="card"><div class="card-icon orange">⚡</div><h3>闪电剥头皮</h3><p>高频剥头皮EA，利用微小波动获利，需要低延迟VPS</p><div class="card-meta"><span class="difficulty medium">中风险</span><span>月收益10-20%</span></div></div>
|
||||
</div>
|
||||
|
||||
<div class="alert alert-warning" style="margin-top:24px;"><strong>⚠️ 使用建议</strong><ul style="margin-top:8px;"><li>先用模拟盘测试至少1个月</li><li>实盘先用最小手量跑3个月</li><li>不要超过总资金的20%用于EA交易</li><li>定期监控，异常情况及时关停</li></ul></div>
|
||||
</div>
|
||||
</div>
|
||||
<footer class="footer"><div class="footer-inner"><div><h4>📈 MT4工具站</h4><p style="font-size:14px;">专业的MT4外汇交易工具推荐站。</p></div><div><h4>快速导航</h4><ul><li><a href="ea.html">EA推荐</a></li><li><a href="vps.html">外汇VPS</a></li><li><a href="tools.html">交易工具</a></li></ul></div><div><h4>关于</h4><ul><li><a href="about.html">关于我们</a></li></ul></div></div><div class="footer-bottom"><p>© 2026 MT4工具站 | 外汇交易有风险，投资需谨慎</p></div></footer>
|
||||
</body>
|
||||
</html>
|
||||
@@ -0,0 +1,107 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="zh-CN">
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<title>MT4工具站 - EA推荐/外汇VPS/交易工具大全</title>
|
||||
<meta name="description" content="专业的MT4外汇交易工具站，精选EA智能交易系统、外汇VPS推荐、交易工具合集，助你提升交易效率。">
|
||||
<meta name="keywords" content="MT4,EA,外汇VPS,智能交易,交易工具,MT4指标">
|
||||
<link rel="stylesheet" href="assets/style.css">
|
||||
</head>
|
||||
<body>
|
||||
<nav class="navbar">
|
||||
<div class="navbar-inner">
|
||||
<a href="index.html" class="logo"><div class="logo-icon">📈</div>MT4工具站</a>
|
||||
<ul class="nav-links">
|
||||
<li><a href="index.html" class="active">首页</a></li>
|
||||
<li><a href="ea.html">EA推荐</a></li>
|
||||
<li><a href="vps.html">外汇VPS</a></li>
|
||||
<li><a href="tools.html">交易工具</a></li>
|
||||
<li><a href="about.html">关于</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
</nav>
|
||||
|
||||
<section class="hero">
|
||||
<h1>📈 MT4外汇交易工具大全</h1>
|
||||
<p>精选EA智能交易、外汇VPS、交易指标和工具，助你提升交易效率</p>
|
||||
<div class="hero-badges">
|
||||
<span class="hero-badge">🤖 EA精选</span>
|
||||
<span class="hero-badge">🖥️ VPS推荐</span>
|
||||
<span class="hero-badge">📊 交易工具</span>
|
||||
<span class="hero-badge">✅ 实测验证</span>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<div class="container">
|
||||
<h2 class="section-title">🔥 热门分类</h2>
|
||||
<div class="card-grid">
|
||||
<a href="ea.html" style="text-decoration:none;color:inherit;">
|
||||
<div class="card">
|
||||
<div class="card-icon blue">🤖</div>
|
||||
<h3>EA智能交易</h3>
|
||||
<p>精选稳定盈利的MT4 EA，包含趋势、网格、马丁等多种策略，附实测回测数据</p>
|
||||
<div class="card-meta"><span>12+ 款EA</span><span>📊 回测数据</span></div>
|
||||
</div>
|
||||
</a>
|
||||
<a href="vps.html" style="text-decoration:none;color:inherit;">
|
||||
<div class="card">
|
||||
<div class="card-icon green">🖥️</div>
|
||||
<h3>外汇VPS推荐</h3>
|
||||
<p>低延迟、高稳定的外汇VPS评测，支持MT4/MT5 7x24小时挂机，附优惠码</p>
|
||||
<div class="card-meta"><span>5+ 服务商</span><span>⚡ 延迟测试</span></div>
|
||||
</div>
|
||||
</a>
|
||||
<a href="tools.html" style="text-decoration:none;color:inherit;">
|
||||
<div class="card">
|
||||
<div class="card-icon orange">🔧</div>
|
||||
<h3>交易工具</h3>
|
||||
<p>MT4指标、脚本、工具合集，包括资金管理、风险控制、交易日志等实用工具</p>
|
||||
<div class="card-meta"><span>20+ 工具</span><span>💎 免费下载</span></div>
|
||||
</div>
|
||||
</a>
|
||||
</div>
|
||||
|
||||
<h2 class="section-title">📊 为什么选择我们</h2>
|
||||
<div class="card-grid">
|
||||
<div class="card" style="box-shadow:none;border:none;">
|
||||
<div class="card-icon blue">✅</div>
|
||||
<h3>实盘验证</h3>
|
||||
<p>每款EA都经过实盘测试，不只是回测好看，真实账户跑过才推荐</p>
|
||||
</div>
|
||||
<div class="card" style="box-shadow:none;border:none;">
|
||||
<div class="card-icon green">📊</div>
|
||||
<h3>数据透明</h3>
|
||||
<p>提供完整的回测报告和实盘曲线，不夸大收益，不隐瞒风险</p>
|
||||
</div>
|
||||
<div class="card" style="box-shadow:none;border:none;">
|
||||
<div class="card-icon orange">⚡</div>
|
||||
<h3>VPS实测</h3>
|
||||
<p>所有推荐VPS都经过实际延迟测试，确保交易执行速度</p>
|
||||
</div>
|
||||
<div class="card" style="box-shadow:none;border:none;">
|
||||
<div class="card-icon purple">🔒</div>
|
||||
<h3>风险提示</h3>
|
||||
<p>每款产品都标注风险等级，不建议重仓，保护你的本金</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="container" style="background:var(--card-bg);border-radius:var(--radius);margin-top:20px;">
|
||||
<h2 class="section-title">⚠️ 风险提示</h2>
|
||||
<div class="alert alert-warning">
|
||||
<strong>外汇交易有风险</strong>
|
||||
<p style="margin-top:8px;">外汇交易存在高风险，过往业绩不代表未来收益。EA和VPS只是工具，不能保证盈利。请根据自身风险承受能力谨慎投资，只用闲钱交易。</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<footer class="footer">
|
||||
<div class="footer-inner">
|
||||
<div><h4>📈 MT4工具站</h4><p style="font-size:14px;line-height:1.8;">专业的MT4外汇交易工具推荐站，所有产品经过实测验证。</p></div>
|
||||
<div><h4>快速导航</h4><ul><li><a href="ea.html">EA推荐</a></li><li><a href="vps.html">外汇VPS</a></li><li><a href="tools.html">交易工具</a></li></ul></div>
|
||||
<div><h4>关于</h4><ul><li><a href="about.html">关于我们</a></li><li><a href="#">免责声明</a></li></ul></div>
|
||||
</div>
|
||||
<div class="footer-bottom"><p>© 2026 MT4工具站 | 外汇交易有风险，投资需谨慎</p></div>
|
||||
</footer>
|
||||
</body>
|
||||
</html>
|
||||
@@ -0,0 +1,54 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="zh-CN">
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<title>交易工具 - MT4指标/脚本/工具合集 | MT4工具站</title>
|
||||
<meta name="description" content="MT4指标、脚本、工具合集，包括资金管理、风险控制、交易日志等实用工具，免费下载。">
|
||||
<link rel="stylesheet" href="assets/style.css">
|
||||
</head>
|
||||
<body>
|
||||
<nav class="navbar">
|
||||
<div class="navbar-inner">
|
||||
<a href="index.html" class="logo"><div class="logo-icon">📈</div>MT4工具站</a>
|
||||
<ul class="nav-links">
|
||||
<li><a href="index.html">首页</a></li>
|
||||
<li><a href="ea.html">EA推荐</a></li>
|
||||
<li><a href="vps.html">外汇VPS</a></li>
|
||||
<li><a href="tools.html" class="active">交易工具</a></li>
|
||||
<li><a href="about.html">关于</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
</nav>
|
||||
<div class="container-narrow">
|
||||
<div class="tutorial-header"><h1>🔧 交易工具合集</h1><div class="tutorial-meta"><span>20+ 实用工具</span><span class="difficulty easy">入门</span><span>💎 免费下载</span></div></div>
|
||||
<div class="tutorial-content">
|
||||
<h2>📊 工具分类</h2>
|
||||
<div class="card-grid">
|
||||
<div class="card"><div class="card-icon blue">📈</div><h3>技术指标</h3><p>自定义MT4指标，包括趋势、震荡、成交量等，提升图表分析效率</p><div class="card-meta"><span>8+ 指标</span><span>免费</span></div></div>
|
||||
<div class="card"><div class="card-icon green">💰</div><h3>资金管理</h3><p>仓位计算器、风险控制工具，帮你科学管理资金，避免重仓</p><div class="card-meta"><span>5+ 工具</span><span>免费</span></div></div>
|
||||
<div class="card"><div class="card-icon orange">📝</div><h3>交易日志</h3><p>自动记录交易日志，统计胜率、盈亏比、最大回撤等关键指标</p><div class="card-meta"><span>3+ 工具</span><span>免费</span></div></div>
|
||||
<div class="card"><div class="card-icon purple">⚡</div><h3>实用脚本</h3><p>一键平仓、批量挂单、移动止损等实用脚本，提升操作效率</p><div class="card-meta"><span>6+ 脚本</span><span>免费</span></div></div>
|
||||
</div>
|
||||
|
||||
<h2>🔥 热门工具</h2>
|
||||
<div class="table-wrap">
|
||||
<table>
|
||||
<tr><th>工具名称</th><th>类型</th><th>功能</th><th>下载</th></tr>
|
||||
<tr><td><strong>仓位计算器</strong></td><td>资金管理</td><td>根据风险比例自动计算手数</td><td>📥 免费</td></tr>
|
||||
<tr><td><strong>交易统计面板</strong></td><td>交易日志</td><td>实时显示胜率、盈亏、回撤</td><td>📥 免费</td></tr>
|
||||
<tr><td><strong>一键全平</strong></td><td>脚本</td><td>一键平掉所有持仓和挂单</td><td>📥 免费</td></tr>
|
||||
<tr><td><strong>移动止损脚本</strong></td><td>脚本</td><td>自动跟踪止损，保护利润</td><td>📥 免费</td></tr>
|
||||
<tr><td><strong>多周期趋势指标</strong></td><td>指标</td><td>显示多周期趋势方向</td><td>📥 免费</td></tr>
|
||||
</table>
|
||||
</div>
|
||||
|
||||
<h2>📥 安装方法</h2>
|
||||
<div class="step"><div class="step-number">1</div><div class="step-content"><h4>下载工具文件</h4><p>下载.ex4或.mq4文件</p></div></div>
|
||||
<div class="step"><div class="step-number">2</div><div class="step-content"><h4>放入MT4目录</h4><p>MT4菜单 → 文件 → 打开数据文件夹 → MQL4 → Indicators（指标）或 Experts（EA）</p></div></div>
|
||||
<div class="step"><div class="step-number">3</div><div class="step-content"><h4>重启MT4</h4><p>重启MT4后在导航器中就能看到新工具</p></div></div>
|
||||
</div>
|
||||
</div>
|
||||
<footer class="footer"><div class="footer-inner"><div><h4>📈 MT4工具站</h4><p style="font-size:14px;">专业的MT4外汇交易工具推荐站。</p></div><div><h4>快速导航</h4><ul><li><a href="ea.html">EA推荐</a></li><li><a href="vps.html">外汇VPS</a></li><li><a href="tools.html">交易工具</a></li></ul></div><div><h4>关于</h4><ul><li><a href="about.html">关于我们</a></li></ul></div></div><div class="footer-bottom"><p>© 2026 MT4工具站 | 外汇交易有风险，投资需谨慎</p></div></footer>
|
||||
</body>
|
||||
</html>
|
||||
@@ -0,0 +1,62 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="zh-CN">
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<title>外汇VPS推荐 - 低延迟高稳定 | MT4工具站</title>
|
||||
<meta name="description" content="精选低延迟、高稳定的外汇VPS，支持MT4/MT5 7x24小时挂机，附实测延迟数据和优惠码。">
|
||||
<link rel="stylesheet" href="assets/style.css">
|
||||
</head>
|
||||
<body>
|
||||
<nav class="navbar">
|
||||
<div class="navbar-inner">
|
||||
<a href="index.html" class="logo"><div class="logo-icon">📈</div>MT4工具站</a>
|
||||
<ul class="nav-links">
|
||||
<li><a href="index.html">首页</a></li>
|
||||
<li><a href="ea.html">EA推荐</a></li>
|
||||
<li><a href="vps.html" class="active">外汇VPS</a></li>
|
||||
<li><a href="tools.html">交易工具</a></li>
|
||||
<li><a href="about.html">关于</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
</nav>
|
||||
<div class="container-narrow">
|
||||
<div class="tutorial-header"><h1>🖥️ 外汇VPS推荐</h1><div class="tutorial-meta"><span>5+ 精选服务商</span><span class="difficulty easy">入门</span><span>⚡ 实测延迟</span></div></div>
|
||||
<div class="tutorial-content">
|
||||
<div class="alert alert-success"><strong>✅ 为什么需要外汇VPS？</strong><p style="margin-top:8px;">EA交易需要7x24小时运行，家用电脑可能断电、断网。外汇VPS专门优化了到经纪商服务器的延迟，确保交易执行速度。</p></div>
|
||||
|
||||
<h2>📊 VPS对比</h2>
|
||||
<div class="table-wrap">
|
||||
<table>
|
||||
<tr><th>服务商</th><th>延迟</th><th>价格/月</th><th>特点</th><th>推荐度</th></tr>
|
||||
<tr><td><strong>FXVM</strong></td><td>1-5ms</td><td>$15起</td><td>专门外汇VPS，纽约/伦敦节点</td><td>⭐⭐⭐⭐⭐</td></tr>
|
||||
<tr><td><strong>CheapVPS</strong></td><td>5-15ms</td><td>$5起</td><td>性价比高，多节点</td><td>⭐⭐⭐⭐</td></tr>
|
||||
<tr><td><strong>阿里云</strong></td><td>30-80ms</td><td>¥30起</td><td>国内访问快，适合亚洲经纪商</td><td>⭐⭐⭐</td></tr>
|
||||
<tr><td><strong>腾讯云</strong></td><td>30-80ms</td><td>¥30起</td><td>稳定可靠，海外节点多</td><td>⭐⭐⭐</td></tr>
|
||||
</table>
|
||||
</div>
|
||||
|
||||
<h2>🎯 选购要点</h2>
|
||||
<ul>
|
||||
<li><strong>延迟优先</strong>：选择离你经纪商服务器最近的节点</li>
|
||||
<li><strong>稳定性</strong>：Uptime至少99.9%，避免频繁掉线</li>
|
||||
<li><strong>配置够用</strong>：1核1G就能跑MT4，不需要太高配置</li>
|
||||
<li><strong>Windows系统</strong>：MT4需要Windows，选Windows Server</li>
|
||||
<li><strong>自助重启</strong>：确保可以随时重启VPS</li>
|
||||
</ul>
|
||||
|
||||
<h2>⚡ 延迟测试方法</h2>
|
||||
<div class="code-block"># 在VPS上ping经纪商服务器
|
||||
ping broker-server.com -t
|
||||
|
||||
# 查看平均延迟，越低越好
|
||||
# 纽约经纪商：选纽约节点，目标<5ms
|
||||
# 伦敦经纪商：选伦敦节点，目标<5ms
|
||||
# 亚洲经纪商：选香港/新加坡，目标<30ms</div>
|
||||
|
||||
<div class="alert alert-info" style="margin-top:24px;"><strong>💡 省钱技巧</strong><ul style="margin-top:8px;"><li>年付通常比月付便宜30-50%</li><li>关注黑五、新年等促销活动</li><li>使用Affiliate链接可能获得额外优惠</li><li>新用户首月通常有折扣</li></ul></div>
|
||||
</div>
|
||||
</div>
|
||||
<footer class="footer"><div class="footer-inner"><div><h4>📈 MT4工具站</h4><p style="font-size:14px;">专业的MT4外汇交易工具推荐站。</p></div><div><h4>快速导航</h4><ul><li><a href="ea.html">EA推荐</a></li><li><a href="vps.html">外汇VPS</a></li><li><a href="tools.html">交易工具</a></li></ul></div><div><h4>关于</h4><ul><li><a href="about.html">关于我们</a></li></ul></div></div><div class="footer-bottom"><p>© 2026 MT4工具站 | 外汇交易有风险，投资需谨慎</p></div></footer>
|
||||
</body>
|
||||
</html>
|
||||
@@ -0,0 +1,39 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="zh-CN">
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<title>关于我们 - 家庭服务器指南</title>
|
||||
<link rel="stylesheet" href="assets/style.css">
|
||||
</head>
|
||||
<body>
|
||||
<nav class="navbar">
|
||||
<div class="navbar-inner">
|
||||
<a href="index.html" class="logo"><div class="logo-icon">🏠</div>家庭服务器指南</a>
|
||||
<ul class="nav-links">
|
||||
<li><a href="index.html">首页</a></li>
|
||||
<li><a href="nas.html">NAS搭建</a></li>
|
||||
<li><a href="docker.html">Docker</a></li>
|
||||
<li><a href="network.html">家庭组网</a></li>
|
||||
<li><a href="about.html" class="active">关于</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
</nav>
|
||||
<div class="container-narrow">
|
||||
<div class="tutorial-content">
|
||||
<h1>关于家庭服务器指南</h1>
|
||||
<h2>我们是谁</h2>
|
||||
<p>家庭服务器指南是一个专注于低成本家庭服务器搭建的技术博客。我们相信，每个人都应该拥有自己的私人云，数据应该由自己掌控。</p>
|
||||
<h2>我们的理念</h2>
|
||||
<ul>
|
||||
<li><strong>低成本</strong> - 用闲置设备或二手硬件，不花冤枉钱</li>
|
||||
<li><strong>实用性</strong> - 每篇教程都经过实际部署验证</li>
|
||||
<li><strong>隐私优先</strong> - 数据存在自己手里，不依赖大厂</li>
|
||||
<li><strong>可扩展</strong> - 从简单到复杂，逐步升级</li>
|
||||
</ul>
|
||||
<div class="alert alert-warning"><strong>⚠️ 免责声明</strong><p style="margin-top:8px;">本网站教程仅供学习交流，操作前请备份重要数据。因操作不当导致的数据丢失，本网站不承担责任。</p></div>
|
||||
</div>
|
||||
</div>
|
||||
<footer class="footer"><div class="footer-inner"><div><h4>🏠 家庭服务器指南</h4><p style="font-size:14px;">低成本打造私人云。</p></div><div><h4>快速导航</h4><ul><li><a href="nas.html">NAS搭建</a></li><li><a href="docker.html">Docker部署</a></li><li><a href="network.html">家庭组网</a></li></ul></div><div><h4>关于</h4><ul><li><a href="about.html">关于我们</a></li></ul></div></div><div class="footer-bottom"><p>© 2026 家庭服务器指南</p></div></footer>
|
||||
</body>
|
||||
</html>
|
||||
@@ -0,0 +1,411 @@
|
||||
/* ===== 全局样式 ===== */
|
||||
* { margin: 0; padding: 0; box-sizing: border-box; }
|
||||
|
||||
:root {
|
||||
--primary: #2563eb;
|
||||
--primary-dark: #1d4ed8;
|
||||
--secondary: #64748b;
|
||||
--success: #10b981;
|
||||
--warning: #f59e0b;
|
||||
--danger: #ef4444;
|
||||
--bg: #f8fafc;
|
||||
--card-bg: #ffffff;
|
||||
--text: #1e293b;
|
||||
--text-light: #64748b;
|
||||
--border: #e2e8f0;
|
||||
--code-bg: #1e293b;
|
||||
--code-text: #e2e8f0;
|
||||
--shadow: 0 1px 3px rgba(0,0,0,0.1);
|
||||
--shadow-lg: 0 10px 25px rgba(0,0,0,0.1);
|
||||
--radius: 12px;
|
||||
}
|
||||
|
||||
body {
|
||||
font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'PingFang SC', 'Microsoft YaHei', sans-serif;
|
||||
background: var(--bg);
|
||||
color: var(--text);
|
||||
line-height: 1.7;
|
||||
}
|
||||
|
||||
a { color: var(--primary); text-decoration: none; }
|
||||
a:hover { text-decoration: underline; }
|
||||
|
||||
/* ===== 导航栏 ===== */
|
||||
.navbar {
|
||||
background: var(--card-bg);
|
||||
border-bottom: 1px solid var(--border);
|
||||
position: sticky;
|
||||
top: 0;
|
||||
z-index: 100;
|
||||
box-shadow: var(--shadow);
|
||||
}
|
||||
.navbar-inner {
|
||||
max-width: 1200px;
|
||||
margin: 0 auto;
|
||||
padding: 0 20px;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: space-between;
|
||||
height: 64px;
|
||||
}
|
||||
.logo {
|
||||
font-size: 20px;
|
||||
font-weight: 700;
|
||||
color: var(--text);
|
||||
display: flex;
|
||||
align-items: center;
|
||||
gap: 8px;
|
||||
}
|
||||
.logo-icon {
|
||||
width: 36px;
|
||||
height: 36px;
|
||||
background: linear-gradient(135deg, var(--primary), #8b5cf6);
|
||||
border-radius: 8px;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
color: white;
|
||||
font-size: 18px;
|
||||
}
|
||||
.nav-links { display: flex; gap: 24px; list-style: none; }
|
||||
.nav-links a {
|
||||
color: var(--text-light);
|
||||
font-size: 15px;
|
||||
font-weight: 500;
|
||||
transition: color 0.2s;
|
||||
}
|
||||
.nav-links a:hover, .nav-links a.active {
|
||||
color: var(--primary);
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
/* ===== Hero区域 ===== */
|
||||
.hero {
|
||||
background: linear-gradient(135deg, #1e3a8a 0%, #7c3aed 100%);
|
||||
color: white;
|
||||
padding: 60px 20px;
|
||||
text-align: center;
|
||||
}
|
||||
.hero h1 {
|
||||
font-size: 36px;
|
||||
font-weight: 800;
|
||||
margin-bottom: 16px;
|
||||
}
|
||||
.hero p {
|
||||
font-size: 18px;
|
||||
opacity: 0.9;
|
||||
max-width: 600px;
|
||||
margin: 0 auto 24px;
|
||||
}
|
||||
.hero-badges {
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
gap: 12px;
|
||||
flex-wrap: wrap;
|
||||
}
|
||||
.hero-badge {
|
||||
background: rgba(255,255,255,0.15);
|
||||
backdrop-filter: blur(10px);
|
||||
padding: 6px 16px;
|
||||
border-radius: 20px;
|
||||
font-size: 14px;
|
||||
}
|
||||
|
||||
/* ===== 容器 ===== */
|
||||
.container {
|
||||
max-width: 1200px;
|
||||
margin: 0 auto;
|
||||
padding: 40px 20px;
|
||||
}
|
||||
.container-narrow {
|
||||
max-width: 800px;
|
||||
margin: 0 auto;
|
||||
padding: 40px 20px;
|
||||
}
|
||||
|
||||
/* ===== 区块标题 ===== */
|
||||
.section-title {
|
||||
font-size: 24px;
|
||||
font-weight: 700;
|
||||
margin-bottom: 8px;
|
||||
}
|
||||
.section-subtitle {
|
||||
color: var(--text-light);
|
||||
margin-bottom: 24px;
|
||||
}
|
||||
|
||||
/* ===== 卡片网格 ===== */
|
||||
.card-grid {
|
||||
display: grid;
|
||||
grid-template-columns: repeat(auto-fill, minmax(320px, 1fr));
|
||||
gap: 20px;
|
||||
}
|
||||
.card {
|
||||
background: var(--card-bg);
|
||||
border-radius: var(--radius);
|
||||
padding: 24px;
|
||||
box-shadow: var(--shadow);
|
||||
transition: all 0.3s;
|
||||
border: 1px solid var(--border);
|
||||
}
|
||||
.card:hover {
|
||||
transform: translateY(-4px);
|
||||
box-shadow: var(--shadow-lg);
|
||||
}
|
||||
.card-icon {
|
||||
width: 48px;
|
||||
height: 48px;
|
||||
border-radius: 12px;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
font-size: 24px;
|
||||
margin-bottom: 16px;
|
||||
}
|
||||
.card-icon.blue { background: #dbeafe; color: #2563eb; }
|
||||
.card-icon.green { background: #d1fae5; color: #059669; }
|
||||
.card-icon.orange { background: #fed7aa; color: #ea580c; }
|
||||
.card-icon.purple { background: #ede9fe; color: #7c3aed; }
|
||||
.card-icon.red { background: #fee2e2; color: #dc2626; }
|
||||
.card h3 {
|
||||
font-size: 18px;
|
||||
font-weight: 600;
|
||||
margin-bottom: 8px;
|
||||
}
|
||||
.card p {
|
||||
color: var(--text-light);
|
||||
font-size: 14px;
|
||||
margin-bottom: 16px;
|
||||
}
|
||||
.card-meta {
|
||||
display: flex;
|
||||
gap: 12px;
|
||||
font-size: 12px;
|
||||
color: var(--text-light);
|
||||
}
|
||||
.card-meta span {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
gap: 4px;
|
||||
}
|
||||
|
||||
/* ===== 教程页面 ===== */
|
||||
.tutorial-header {
|
||||
background: var(--card-bg);
|
||||
border-radius: var(--radius);
|
||||
padding: 32px;
|
||||
margin-bottom: 24px;
|
||||
box-shadow: var(--shadow);
|
||||
border: 1px solid var(--border);
|
||||
}
|
||||
.tutorial-header h1 {
|
||||
font-size: 28px;
|
||||
font-weight: 700;
|
||||
margin-bottom: 12px;
|
||||
}
|
||||
.tutorial-meta {
|
||||
display: flex;
|
||||
gap: 20px;
|
||||
color: var(--text-light);
|
||||
font-size: 14px;
|
||||
flex-wrap: wrap;
|
||||
}
|
||||
.tutorial-meta span {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
gap: 6px;
|
||||
}
|
||||
.difficulty {
|
||||
padding: 2px 10px;
|
||||
border-radius: 12px;
|
||||
font-size: 12px;
|
||||
font-weight: 600;
|
||||
}
|
||||
.difficulty.easy { background: #d1fae5; color: #059669; }
|
||||
.difficulty.medium { background: #fef3c7; color: #d97706; }
|
||||
.difficulty.hard { background: #fee2e2; color: #dc2626; }
|
||||
|
||||
.tutorial-content {
|
||||
background: var(--card-bg);
|
||||
border-radius: var(--radius);
|
||||
padding: 32px;
|
||||
box-shadow: var(--shadow);
|
||||
border: 1px solid var(--border);
|
||||
}
|
||||
.tutorial-content h2 {
|
||||
font-size: 22px;
|
||||
font-weight: 700;
|
||||
margin: 32px 0 16px;
|
||||
padding-bottom: 8px;
|
||||
border-bottom: 2px solid var(--border);
|
||||
}
|
||||
.tutorial-content h2:first-child { margin-top: 0; }
|
||||
.tutorial-content h3 {
|
||||
font-size: 18px;
|
||||
font-weight: 600;
|
||||
margin: 24px 0 12px;
|
||||
}
|
||||
.tutorial-content p {
|
||||
margin-bottom: 16px;
|
||||
color: #334155;
|
||||
}
|
||||
.tutorial-content ul, .tutorial-content ol {
|
||||
margin: 12px 0 16px 24px;
|
||||
}
|
||||
.tutorial-content li {
|
||||
margin-bottom: 8px;
|
||||
color: #334155;
|
||||
}
|
||||
|
||||
/* 代码块 */
|
||||
.code-block {
|
||||
background: var(--code-bg);
|
||||
color: var(--code-text);
|
||||
padding: 16px 20px;
|
||||
border-radius: 8px;
|
||||
overflow-x: auto;
|
||||
margin: 16px 0;
|
||||
font-family: 'Consolas', 'Monaco', monospace;
|
||||
font-size: 14px;
|
||||
line-height: 1.6;
|
||||
}
|
||||
.code-block .comment { color: #64748b; }
|
||||
.code-block .keyword { color: #c084fc; }
|
||||
.code-block .string { color: #86efac; }
|
||||
|
||||
/* 提示框 */
|
||||
.alert {
|
||||
padding: 16px 20px;
|
||||
border-radius: 8px;
|
||||
margin: 16px 0;
|
||||
border-left: 4px solid;
|
||||
}
|
||||
.alert-info {
|
||||
background: #eff6ff;
|
||||
border-color: #3b82f6;
|
||||
color: #1e40af;
|
||||
}
|
||||
.alert-warning {
|
||||
background: #fffbeb;
|
||||
border-color: #f59e0b;
|
||||
color: #92400e;
|
||||
}
|
||||
.alert-danger {
|
||||
background: #fef2f2;
|
||||
border-color: #ef4444;
|
||||
color: #991b1b;
|
||||
}
|
||||
.alert-success {
|
||||
background: #f0fdf4;
|
||||
border-color: #22c55e;
|
||||
color: #166534;
|
||||
}
|
||||
.alert strong { display: block; margin-bottom: 4px; }
|
||||
|
||||
/* 步骤 */
|
||||
.step {
|
||||
display: flex;
|
||||
gap: 16px;
|
||||
margin: 24px 0;
|
||||
}
|
||||
.step-number {
|
||||
flex-shrink: 0;
|
||||
width: 36px;
|
||||
height: 36px;
|
||||
background: var(--primary);
|
||||
color: white;
|
||||
border-radius: 50%;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
font-weight: 700;
|
||||
font-size: 16px;
|
||||
}
|
||||
.step-content { flex: 1; }
|
||||
.step-content h4 {
|
||||
font-size: 17px;
|
||||
font-weight: 600;
|
||||
margin-bottom: 8px;
|
||||
}
|
||||
|
||||
/* 表格 */
|
||||
.table-wrap {
|
||||
overflow-x: auto;
|
||||
margin: 16px 0;
|
||||
}
|
||||
table {
|
||||
width: 100%;
|
||||
border-collapse: collapse;
|
||||
font-size: 14px;
|
||||
}
|
||||
th, td {
|
||||
padding: 12px 16px;
|
||||
text-align: left;
|
||||
border-bottom: 1px solid var(--border);
|
||||
}
|
||||
th {
|
||||
background: #f1f5f9;
|
||||
font-weight: 600;
|
||||
color: var(--text);
|
||||
}
|
||||
tr:hover { background: #f8fafc; }
|
||||
|
||||
/* ===== 对比表格 ===== */
|
||||
.compare-table {
|
||||
background: var(--card-bg);
|
||||
border-radius: var(--radius);
|
||||
overflow: hidden;
|
||||
box-shadow: var(--shadow);
|
||||
border: 1px solid var(--border);
|
||||
}
|
||||
.compare-table table { margin: 0; }
|
||||
.compare-table .recommended {
|
||||
background: #f0fdf4;
|
||||
}
|
||||
.compare-table .recommended td:first-child {
|
||||
font-weight: 700;
|
||||
color: #166534;
|
||||
}
|
||||
|
||||
/* ===== 底部 ===== */
|
||||
.footer {
|
||||
background: #1e293b;
|
||||
color: #94a3b8;
|
||||
padding: 40px 20px;
|
||||
margin-top: 60px;
|
||||
}
|
||||
.footer-inner {
|
||||
max-width: 1200px;
|
||||
margin: 0 auto;
|
||||
display: grid;
|
||||
grid-template-columns: 2fr 1fr 1fr;
|
||||
gap: 40px;
|
||||
}
|
||||
.footer h4 {
|
||||
color: white;
|
||||
font-size: 16px;
|
||||
margin-bottom: 16px;
|
||||
}
|
||||
.footer ul { list-style: none; }
|
||||
.footer li { margin-bottom: 8px; }
|
||||
.footer a { color: #94a3b8; font-size: 14px; }
|
||||
.footer a:hover { color: white; }
|
||||
.footer-bottom {
|
||||
max-width: 1200px;
|
||||
margin: 32px auto 0;
|
||||
padding-top: 24px;
|
||||
border-top: 1px solid #334155;
|
||||
text-align: center;
|
||||
font-size: 13px;
|
||||
}
|
||||
|
||||
/* ===== 响应式 ===== */
|
||||
@media (max-width: 768px) {
|
||||
.nav-links { display: none; }
|
||||
.hero h1 { font-size: 28px; }
|
||||
.hero p { font-size: 16px; }
|
||||
.card-grid { grid-template-columns: 1fr; }
|
||||
.footer-inner { grid-template-columns: 1fr; gap: 24px; }
|
||||
.tutorial-content { padding: 20px; }
|
||||
.tutorial-header { padding: 20px; }
|
||||
}
|
||||
@@ -0,0 +1,55 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="zh-CN">
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<title>Docker部署指南 - 常用服务一键部署 | 家庭服务器指南</title>
|
||||
<link rel="stylesheet" href="assets/style.css">
|
||||
</head>
|
||||
<body>
|
||||
<nav class="navbar">
|
||||
<div class="navbar-inner">
|
||||
<a href="index.html" class="logo"><div class="logo-icon">🏠</div>家庭服务器指南</a>
|
||||
<ul class="nav-links">
|
||||
<li><a href="index.html">首页</a></li>
|
||||
<li><a href="nas.html">NAS搭建</a></li>
|
||||
<li><a href="docker.html" class="active">Docker</a></li>
|
||||
<li><a href="network.html">家庭组网</a></li>
|
||||
<li><a href="about.html">关于</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
</nav>
|
||||
<div class="container-narrow">
|
||||
<div class="tutorial-header"><h1>🐳 Docker部署指南</h1><div class="tutorial-meta"><span>⏱️ 40分钟</span><span class="difficulty medium">中等</span><span>10+ 常用服务</span></div></div>
|
||||
<div class="tutorial-content">
|
||||
<h2>🔥 必装Docker服务</h2>
|
||||
<div class="table-wrap">
|
||||
<table>
|
||||
<tr><th>服务</th><th>功能</th><th>端口</th><th>推荐度</th></tr>
|
||||
<tr><td><strong>Nextcloud</strong></td><td>私有云盘，文件同步</td><td>8080</td><td>⭐⭐⭐⭐⭐</td></tr>
|
||||
<tr><td><strong>qBittorrent</strong></td><td>BT下载工具</td><td>8081</td><td>⭐⭐⭐⭐⭐</td></tr>
|
||||
<tr><td><strong>Navidrome</strong></td><td>私人音乐服务器</td><td>4533</td><td>⭐⭐⭐⭐</td></tr>
|
||||
<tr><td><strong>Jellyfin</strong></td><td>影音媒体服务器</td><td>8096</td><td>⭐⭐⭐⭐</td></tr>
|
||||
<tr><td><strong>HomeAssistant</strong></td><td>智能家居中心</td><td>8123</td><td>⭐⭐⭐⭐</td></tr>
|
||||
<tr><td><strong>AdGuard Home</strong></td><td>广告过滤DNS</td><td>3000</td><td>⭐⭐⭐⭐</td></tr>
|
||||
<tr><td><strong>Portainer</strong></td><td>Docker可视化管理</td><td>9000</td><td>⭐⭐⭐⭐⭐</td></tr>
|
||||
</table>
|
||||
</div>
|
||||
<h2>📝 部署示例：qBittorrent</h2>
|
||||
<div class="code-block">docker run -d \
|
||||
--name=qbittorrent \
|
||||
-e PUID=1000 \
|
||||
-e PGID=1000 \
|
||||
-e TZ=Asia/Shanghai \
|
||||
-p 8081:8080 \
|
||||
-p 6881:6881 \
|
||||
-p 6881:6881/udp \
|
||||
-v /path/to/downloads:/downloads \
|
||||
--restart unless-stopped \
|
||||
lscr.io/linuxserver/qbittorrent:latest</div>
|
||||
<div class="alert alert-success" style="margin-top:24px;"><strong>✅ 部署建议</strong><ul style="margin-top:8px;"><li>先装Portainer，后续管理Docker更方便</li><li>重要数据目录挂载到NAS存储池</li><li>用docker-compose管理多服务，方便备份迁移</li><li>限制容器CPU/内存，避免影响主服务</li></ul></div>
|
||||
</div>
|
||||
</div>
|
||||
<footer class="footer"><div class="footer-inner"><div><h4>🏠 家庭服务器指南</h4><p style="font-size:14px;">低成本打造私人云。</p></div><div><h4>快速导航</h4><ul><li><a href="nas.html">NAS搭建</a></li><li><a href="docker.html">Docker部署</a></li><li><a href="network.html">家庭组网</a></li></ul></div><div><h4>关于</h4><ul><li><a href="about.html">关于我们</a></li></ul></div></div><div class="footer-bottom"><p>© 2026 家庭服务器指南</p></div></footer>
|
||||
</body>
|
||||
</html>
|
||||
@@ -0,0 +1,51 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="zh-CN">
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<title>家庭服务器指南 - NAS搭建/Docker部署/家庭组网</title>
|
||||
<meta name="description" content="家庭服务器搭建指南，NAS配置、Docker部署、家庭组网、远程访问，用低成本设备打造私人云。">
|
||||
<meta name="keywords" content="家庭服务器,NAS,Docker,飞牛OS,Armbian,家庭组网,远程访问">
|
||||
<link rel="stylesheet" href="assets/style.css">
|
||||
</head>
|
||||
<body>
|
||||
<nav class="navbar">
|
||||
<div class="navbar-inner">
|
||||
<a href="index.html" class="logo"><div class="logo-icon">🏠</div>家庭服务器指南</a>
|
||||
<ul class="nav-links">
|
||||
<li><a href="index.html" class="active">首页</a></li>
|
||||
<li><a href="nas.html">NAS搭建</a></li>
|
||||
<li><a href="docker.html">Docker</a></li>
|
||||
<li><a href="network.html">家庭组网</a></li>
|
||||
<li><a href="about.html">关于</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
</nav>
|
||||
<section class="hero">
|
||||
<h1>🏠 家庭服务器搭建指南</h1>
|
||||
<p>用低成本设备打造私人云，NAS存储、Docker服务、远程访问一站式搞定</p>
|
||||
<div class="hero-badges">
|
||||
<span class="hero-badge">💾 NAS搭建</span>
|
||||
<span class="hero-badge">🐳 Docker部署</span>
|
||||
<span class="hero-badge">🌐 远程访问</span>
|
||||
<span class="hero-badge">💰 低成本</span>
|
||||
</div>
|
||||
</section>
|
||||
<div class="container">
|
||||
<h2 class="section-title">🔥 热门教程</h2>
|
||||
<div class="card-grid">
|
||||
<a href="nas.html" style="text-decoration:none;color:inherit;"><div class="card"><div class="card-icon blue">💾</div><h3>NAS搭建</h3><p>飞牛OS/OpenMediaVault安装配置，存储池管理，SMB共享，权限设置</p><div class="card-meta"><span>⏱️ 30分钟</span><span>📊 入门</span></div></div></a>
|
||||
<a href="docker.html" style="text-decoration:none;color:inherit;"><div class="card"><div class="card-icon green">🐳</div><h3>Docker部署</h3><p>常用Docker服务部署，Nextcloud、qBittorrent、Navidrome、HomeAssistant</p><div class="card-meta"><span>⏱️ 40分钟</span><span>📊 中等</span></div></div></a>
|
||||
<a href="network.html" style="text-decoration:none;color:inherit;"><div class="card"><div class="card-icon orange">🌐</div><h3>家庭组网</h3><p>WireGuard组网、内网穿透、远程访问，随时随地访问家里的服务</p><div class="card-meta"><span>⏱️ 25分钟</span><span>📊 中等</span></div></div></a>
|
||||
</div>
|
||||
<h2 class="section-title">💡 为什么自建家庭服务器</h2>
|
||||
<div class="card-grid">
|
||||
<div class="card" style="box-shadow:none;border:none;"><div class="card-icon blue">🔒</div><h3>数据私有</h3><p>照片、视频、文件存在自己的硬盘上，不依赖云服务商，隐私有保障</p></div>
|
||||
<div class="card" style="box-shadow:none;border:none;"><div class="card-icon green">💰</div><h3>低成本</h3><p>用闲置机顶盒或二手设备，几十到几百元就能搭建，比云盘划算</p></div>
|
||||
<div class="card" style="box-shadow:none;border:none;"><div class="card-icon orange">⚡</div><h3>高性能</h3><p>局域网内传输速度快，看4K电影不卡，下载上传不限速</p></div>
|
||||
<div class="card" style="box-shadow:none;border:none;"><div class="card-icon purple">🔧</div><h3>可扩展</h3><p>Docker一键部署各种服务，想加什么加什么，自由度极高</p></div>
|
||||
</div>
|
||||
</div>
|
||||
<footer class="footer"><div class="footer-inner"><div><h4>🏠 家庭服务器指南</h4><p style="font-size:14px;line-height:1.8;">低成本打造私人云，NAS、Docker、远程访问一站式教程。</p></div><div><h4>快速导航</h4><ul><li><a href="nas.html">NAS搭建</a></li><li><a href="docker.html">Docker部署</a></li><li><a href="network.html">家庭组网</a></li></ul></div><div><h4>关于</h4><ul><li><a href="about.html">关于我们</a></li></ul></div></div><div class="footer-bottom"><p>© 2026 家庭服务器指南 | 教程仅供学习交流</p></div></footer>
|
||||
</body>
|
||||
</html>
|
||||
@@ -0,0 +1,46 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="zh-CN">
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<title>NAS搭建指南 - 飞牛OS/OMV配置 | 家庭服务器指南</title>
|
||||
<link rel="stylesheet" href="assets/style.css">
|
||||
</head>
|
||||
<body>
|
||||
<nav class="navbar">
|
||||
<div class="navbar-inner">
|
||||
<a href="index.html" class="logo"><div class="logo-icon">🏠</div>家庭服务器指南</a>
|
||||
<ul class="nav-links">
|
||||
<li><a href="index.html">首页</a></li>
|
||||
<li><a href="nas.html" class="active">NAS搭建</a></li>
|
||||
<li><a href="docker.html">Docker</a></li>
|
||||
<li><a href="network.html">家庭组网</a></li>
|
||||
<li><a href="about.html">关于</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
</nav>
|
||||
<div class="container-narrow">
|
||||
<div class="tutorial-header"><h1>💾 NAS搭建指南</h1><div class="tutorial-meta"><span>⏱️ 30分钟</span><span class="difficulty easy">入门</span><span>📝 实测验证</span></div></div>
|
||||
<div class="tutorial-content">
|
||||
<h2>📊 NAS系统选择</h2>
|
||||
<div class="table-wrap">
|
||||
<table>
|
||||
<tr><th>系统</th><th>适合设备</th><th>优点</th><th>缺点</th></tr>
|
||||
<tr><td><strong>飞牛OS</strong></td><td>ARM开发板</td><td>界面美观，应用丰富</td><td>较新，部分功能完善中</td></tr>
|
||||
<tr><td><strong>OpenMediaVault</strong></td><td>x86/ARM</td><td>成熟稳定，插件多</td><td>界面较旧</td></tr>
|
||||
<tr><td><strong>群晖DSM</strong></td><td>x86（黑群晖）</td><td>功能最全，生态好</td><td>硬件要求高</td></tr>
|
||||
<tr><td><strong>Unraid</strong></td><td>x86</td><td>灵活，Docker友好</td><td>付费</td></tr>
|
||||
</table>
|
||||
</div>
|
||||
<h2>🎯 飞牛OS搭建步骤</h2>
|
||||
<div class="step"><div class="step-number">1</div><div class="step-content"><h4>安装系统</h4><p>参考刷机教程，把飞牛OS刷入设备eMMC</p></div></div>
|
||||
<div class="step"><div class="step-number">2</div><div class="step-content"><h4>初始化设置</h4><p>浏览器访问设备IP:5666，设置管理员账号密码</p></div></div>
|
||||
<div class="step"><div class="step-number">3</div><div class="step-content"><h4>创建存储池</h4><p>系统设置 → 存储 → 创建存储池，选择硬盘，配置RAID</p></div></div>
|
||||
<div class="step"><div class="step-number">4</div><div class="step-content"><h4>创建共享文件夹</h4><p>文件管理 → 新建文件夹，设置SMB/NFS共享权限</p></div></div>
|
||||
<div class="step"><div class="step-number">5</div><div class="step-content"><h4>电脑访问</h4><p>Windows资源管理器输入 \\设备IP 即可访问共享文件</p></div></div>
|
||||
<div class="alert alert-info" style="margin-top:24px;"><strong>💡 硬盘建议</strong><ul style="margin-top:8px;"><li>重要数据用RAID1（镜像），至少2块硬盘</li><li>下载盘可以用单盘，坏了重新下载即可</li><li>定期检查硬盘健康状态（SMART）</li><li>重要数据建议异地备份</li></ul></div>
|
||||
</div>
|
||||
</div>
|
||||
<footer class="footer"><div class="footer-inner"><div><h4>🏠 家庭服务器指南</h4><p style="font-size:14px;">低成本打造私人云。</p></div><div><h4>快速导航</h4><ul><li><a href="nas.html">NAS搭建</a></li><li><a href="docker.html">Docker部署</a></li><li><a href="network.html">家庭组网</a></li></ul></div><div><h4>关于</h4><ul><li><a href="about.html">关于我们</a></li></ul></div></div><div class="footer-bottom"><p>© 2026 家庭服务器指南</p></div></footer>
|
||||
</body>
|
||||
</html>
|
||||
@@ -0,0 +1,45 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="zh-CN">
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<title>家庭组网指南 - WireGuard/内网穿透/远程访问 | 家庭服务器指南</title>
|
||||
<link rel="stylesheet" href="assets/style.css">
|
||||
</head>
|
||||
<body>
|
||||
<nav class="navbar">
|
||||
<div class="navbar-inner">
|
||||
<a href="index.html" class="logo"><div class="logo-icon">🏠</div>家庭服务器指南</a>
|
||||
<ul class="nav-links">
|
||||
<li><a href="index.html">首页</a></li>
|
||||
<li><a href="nas.html">NAS搭建</a></li>
|
||||
<li><a href="docker.html">Docker</a></li>
|
||||
<li><a href="network.html" class="active">家庭组网</a></li>
|
||||
<li><a href="about.html">关于</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
</nav>
|
||||
<div class="container-narrow">
|
||||
<div class="tutorial-header"><h1>🌐 家庭组网与远程访问</h1><div class="tutorial-meta"><span>⏱️ 25分钟</span><span class="difficulty medium">中等</span><span>🔒 安全加密</span></div></div>
|
||||
<div class="tutorial-content">
|
||||
<h2>📡 远程访问方案对比</h2>
|
||||
<div class="table-wrap">
|
||||
<table>
|
||||
<tr><th>方案</th><th>需要公网IP</th><th>速度</th><th>安全性</th><th>难度</th></tr>
|
||||
<tr><td><strong>WireGuard组网</strong></td><td>需要一端有</td><td>⭐⭐⭐⭐⭐</td><td>⭐⭐⭐⭐⭐</td><td>中等</td></tr>
|
||||
<tr><td><strong>Tailscale</strong></td><td>不需要</td><td>⭐⭐⭐⭐</td><td>⭐⭐⭐⭐⭐</td><td>简单</td></tr>
|
||||
<tr><td><strong>frp内网穿透</strong></td><td>需要VPS</td><td>⭐⭐⭐</td><td>⭐⭐⭐</td><td>中等</td></tr>
|
||||
<tr><td><strong>DDNS+端口映射</strong></td><td>需要</td><td>⭐⭐⭐⭐⭐</td><td>⭐⭐</td><td>简单</td></tr>
|
||||
</table>
|
||||
</div>
|
||||
<h2>🔐 WireGuard组网步骤</h2>
|
||||
<div class="step"><div class="step-number">1</div><div class="step-content"><h4>服务端配置</h4><p>在有公网IP的服务器（如腾讯云）安装WireGuard，配置服务端</p></div></div>
|
||||
<div class="step"><div class="step-number">2</div><div class="step-content"><h4>客户端配置</h4><p>家庭服务器和手机/电脑安装WireGuard客户端，导入配置</p></div></div>
|
||||
<div class="step"><div class="step-number">3</div><div class="step-content"><h4>分配内网IP</h4><p>为每个设备分配固定内网IP，如10.200.0.x</p></div></div>
|
||||
<div class="step"><div class="step-number">4</div><div class="step-content"><h4>测试连通性</h4><p>在外网环境下ping家庭服务器内网IP，确认连通</p></div></div>
|
||||
<div class="alert alert-success" style="margin-top:24px;"><strong>✅ 推荐方案</strong><p style="margin-top:8px;">如果有一台云服务器，推荐WireGuard组网，速度快、安全性高、可扩展性强。所有设备加入同一个虚拟局域网，就像在同一个家里一样访问。</p></div>
|
||||
</div>
|
||||
</div>
|
||||
<footer class="footer"><div class="footer-inner"><div><h4>🏠 家庭服务器指南</h4><p style="font-size:14px;">低成本打造私人云。</p></div><div><h4>快速导航</h4><ul><li><a href="nas.html">NAS搭建</a></li><li><a href="docker.html">Docker部署</a></li><li><a href="network.html">家庭组网</a></li></ul></div><div><h4>关于</h4><ul><li><a href="about.html">关于我们</a></li></ul></div></div><div class="footer-bottom"><p>© 2026 家庭服务器指南</p></div></footer>
|
||||
</body>
|
||||
</html>
|
||||
@@ -0,0 +1,38 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="zh-CN">
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<title>关于我们 - PT下载指南</title>
|
||||
<link rel="stylesheet" href="assets/style.css">
|
||||
</head>
|
||||
<body>
|
||||
<nav class="navbar">
|
||||
<div class="navbar-inner">
|
||||
<a href="index.html" class="logo"><div class="logo-icon">⬇️</div>PT下载指南</a>
|
||||
<ul class="nav-links">
|
||||
<li><a href="index.html">首页</a></li>
|
||||
<li><a href="qbittorrent.html">qBittorrent</a></li>
|
||||
<li><a href="pt-sites.html">PT站介绍</a></li>
|
||||
<li><a href="tips.html">做种技巧</a></li>
|
||||
<li><a href="about.html" class="active">关于</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
</nav>
|
||||
<div class="container-narrow">
|
||||
<div class="tutorial-content">
|
||||
<h1>关于PT下载指南</h1>
|
||||
<h2>我们是谁</h2>
|
||||
<p>PT下载指南是一个专注于PT下载入门和qBittorrent配置的技术博客。我们帮助新手快速入门PT世界，打造私人高清资源库。</p>
|
||||
<h2>内容原则</h2>
|
||||
<ul>
|
||||
<li><strong>合规第一</strong> - 只介绍合法的PT下载方式，不提供盗版资源</li>
|
||||
<li><strong>实用导向</strong> - 每篇教程都经过实际配置验证</li>
|
||||
<li><strong>新手友好</strong> - 从零基础开始，循序渐进</li>
|
||||
</ul>
|
||||
<div class="alert alert-warning"><strong>⚠️ 免责声明</strong><p style="margin-top:8px;">本网站教程仅供学习交流，请遵守当地版权法规。我们不提供任何盗版资源下载，也不对用户使用PT站的行为负责。</p></div>
|
||||
</div>
|
||||
</div>
|
||||
<footer class="footer"><div class="footer-inner"><div><h4>⬇️ PT下载指南</h4><p style="font-size:14px;">PT下载入门。</p></div><div><h4>快速导航</h4><ul><li><a href="qbittorrent.html">qBittorrent</a></li><li><a href="pt-sites.html">PT站介绍</a></li><li><a href="tips.html">做种技巧</a></li></ul></div><div><h4>关于</h4><ul><li><a href="about.html">关于我们</a></li></ul></div></div><div class="footer-bottom"><p>© 2026 PT下载指南</p></div></footer>
|
||||
</body>
|
||||
</html>
|
||||
@@ -0,0 +1,411 @@
|
||||
/* ===== 全局样式 ===== */
|
||||
* { margin: 0; padding: 0; box-sizing: border-box; }
|
||||
|
||||
:root {
|
||||
--primary: #2563eb;
|
||||
--primary-dark: #1d4ed8;
|
||||
--secondary: #64748b;
|
||||
--success: #10b981;
|
||||
--warning: #f59e0b;
|
||||
--danger: #ef4444;
|
||||
--bg: #f8fafc;
|
||||
--card-bg: #ffffff;
|
||||
--text: #1e293b;
|
||||
--text-light: #64748b;
|
||||
--border: #e2e8f0;
|
||||
--code-bg: #1e293b;
|
||||
--code-text: #e2e8f0;
|
||||
--shadow: 0 1px 3px rgba(0,0,0,0.1);
|
||||
--shadow-lg: 0 10px 25px rgba(0,0,0,0.1);
|
||||
--radius: 12px;
|
||||
}
|
||||
|
||||
body {
|
||||
font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'PingFang SC', 'Microsoft YaHei', sans-serif;
|
||||
background: var(--bg);
|
||||
color: var(--text);
|
||||
line-height: 1.7;
|
||||
}
|
||||
|
||||
a { color: var(--primary); text-decoration: none; }
|
||||
a:hover { text-decoration: underline; }
|
||||
|
||||
/* ===== 导航栏 ===== */
|
||||
.navbar {
|
||||
background: var(--card-bg);
|
||||
border-bottom: 1px solid var(--border);
|
||||
position: sticky;
|
||||
top: 0;
|
||||
z-index: 100;
|
||||
box-shadow: var(--shadow);
|
||||
}
|
||||
.navbar-inner {
|
||||
max-width: 1200px;
|
||||
margin: 0 auto;
|
||||
padding: 0 20px;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: space-between;
|
||||
height: 64px;
|
||||
}
|
||||
.logo {
|
||||
font-size: 20px;
|
||||
font-weight: 700;
|
||||
color: var(--text);
|
||||
display: flex;
|
||||
align-items: center;
|
||||
gap: 8px;
|
||||
}
|
||||
.logo-icon {
|
||||
width: 36px;
|
||||
height: 36px;
|
||||
background: linear-gradient(135deg, var(--primary), #8b5cf6);
|
||||
border-radius: 8px;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
color: white;
|
||||
font-size: 18px;
|
||||
}
|
||||
.nav-links { display: flex; gap: 24px; list-style: none; }
|
||||
.nav-links a {
|
||||
color: var(--text-light);
|
||||
font-size: 15px;
|
||||
font-weight: 500;
|
||||
transition: color 0.2s;
|
||||
}
|
||||
.nav-links a:hover, .nav-links a.active {
|
||||
color: var(--primary);
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
/* ===== Hero区域 ===== */
|
||||
.hero {
|
||||
background: linear-gradient(135deg, #1e3a8a 0%, #7c3aed 100%);
|
||||
color: white;
|
||||
padding: 60px 20px;
|
||||
text-align: center;
|
||||
}
|
||||
.hero h1 {
|
||||
font-size: 36px;
|
||||
font-weight: 800;
|
||||
margin-bottom: 16px;
|
||||
}
|
||||
.hero p {
|
||||
font-size: 18px;
|
||||
opacity: 0.9;
|
||||
max-width: 600px;
|
||||
margin: 0 auto 24px;
|
||||
}
|
||||
.hero-badges {
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
gap: 12px;
|
||||
flex-wrap: wrap;
|
||||
}
|
||||
.hero-badge {
|
||||
background: rgba(255,255,255,0.15);
|
||||
backdrop-filter: blur(10px);
|
||||
padding: 6px 16px;
|
||||
border-radius: 20px;
|
||||
font-size: 14px;
|
||||
}
|
||||
|
||||
/* ===== 容器 ===== */
|
||||
.container {
|
||||
max-width: 1200px;
|
||||
margin: 0 auto;
|
||||
padding: 40px 20px;
|
||||
}
|
||||
.container-narrow {
|
||||
max-width: 800px;
|
||||
margin: 0 auto;
|
||||
padding: 40px 20px;
|
||||
}
|
||||
|
||||
/* ===== 区块标题 ===== */
|
||||
.section-title {
|
||||
font-size: 24px;
|
||||
font-weight: 700;
|
||||
margin-bottom: 8px;
|
||||
}
|
||||
.section-subtitle {
|
||||
color: var(--text-light);
|
||||
margin-bottom: 24px;
|
||||
}
|
||||
|
||||
/* ===== 卡片网格 ===== */
|
||||
.card-grid {
|
||||
display: grid;
|
||||
grid-template-columns: repeat(auto-fill, minmax(320px, 1fr));
|
||||
gap: 20px;
|
||||
}
|
||||
.card {
|
||||
background: var(--card-bg);
|
||||
border-radius: var(--radius);
|
||||
padding: 24px;
|
||||
box-shadow: var(--shadow);
|
||||
transition: all 0.3s;
|
||||
border: 1px solid var(--border);
|
||||
}
|
||||
.card:hover {
|
||||
transform: translateY(-4px);
|
||||
box-shadow: var(--shadow-lg);
|
||||
}
|
||||
.card-icon {
|
||||
width: 48px;
|
||||
height: 48px;
|
||||
border-radius: 12px;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
font-size: 24px;
|
||||
margin-bottom: 16px;
|
||||
}
|
||||
.card-icon.blue { background: #dbeafe; color: #2563eb; }
|
||||
.card-icon.green { background: #d1fae5; color: #059669; }
|
||||
.card-icon.orange { background: #fed7aa; color: #ea580c; }
|
||||
.card-icon.purple { background: #ede9fe; color: #7c3aed; }
|
||||
.card-icon.red { background: #fee2e2; color: #dc2626; }
|
||||
.card h3 {
|
||||
font-size: 18px;
|
||||
font-weight: 600;
|
||||
margin-bottom: 8px;
|
||||
}
|
||||
.card p {
|
||||
color: var(--text-light);
|
||||
font-size: 14px;
|
||||
margin-bottom: 16px;
|
||||
}
|
||||
.card-meta {
|
||||
display: flex;
|
||||
gap: 12px;
|
||||
font-size: 12px;
|
||||
color: var(--text-light);
|
||||
}
|
||||
.card-meta span {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
gap: 4px;
|
||||
}
|
||||
|
||||
/* ===== 教程页面 ===== */
|
||||
.tutorial-header {
|
||||
background: var(--card-bg);
|
||||
border-radius: var(--radius);
|
||||
padding: 32px;
|
||||
margin-bottom: 24px;
|
||||
box-shadow: var(--shadow);
|
||||
border: 1px solid var(--border);
|
||||
}
|
||||
.tutorial-header h1 {
|
||||
font-size: 28px;
|
||||
font-weight: 700;
|
||||
margin-bottom: 12px;
|
||||
}
|
||||
.tutorial-meta {
|
||||
display: flex;
|
||||
gap: 20px;
|
||||
color: var(--text-light);
|
||||
font-size: 14px;
|
||||
flex-wrap: wrap;
|
||||
}
|
||||
.tutorial-meta span {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
gap: 6px;
|
||||
}
|
||||
.difficulty {
|
||||
padding: 2px 10px;
|
||||
border-radius: 12px;
|
||||
font-size: 12px;
|
||||
font-weight: 600;
|
||||
}
|
||||
.difficulty.easy { background: #d1fae5; color: #059669; }
|
||||
.difficulty.medium { background: #fef3c7; color: #d97706; }
|
||||
.difficulty.hard { background: #fee2e2; color: #dc2626; }
|
||||
|
||||
.tutorial-content {
|
||||
background: var(--card-bg);
|
||||
border-radius: var(--radius);
|
||||
padding: 32px;
|
||||
box-shadow: var(--shadow);
|
||||
border: 1px solid var(--border);
|
||||
}
|
||||
.tutorial-content h2 {
|
||||
font-size: 22px;
|
||||
font-weight: 700;
|
||||
margin: 32px 0 16px;
|
||||
padding-bottom: 8px;
|
||||
border-bottom: 2px solid var(--border);
|
||||
}
|
||||
.tutorial-content h2:first-child { margin-top: 0; }
|
||||
.tutorial-content h3 {
|
||||
font-size: 18px;
|
||||
font-weight: 600;
|
||||
margin: 24px 0 12px;
|
||||
}
|
||||
.tutorial-content p {
|
||||
margin-bottom: 16px;
|
||||
color: #334155;
|
||||
}
|
||||
.tutorial-content ul, .tutorial-content ol {
|
||||
margin: 12px 0 16px 24px;
|
||||
}
|
||||
.tutorial-content li {
|
||||
margin-bottom: 8px;
|
||||
color: #334155;
|
||||
}
|
||||
|
||||
/* 代码块 */
|
||||
.code-block {
|
||||
background: var(--code-bg);
|
||||
color: var(--code-text);
|
||||
padding: 16px 20px;
|
||||
border-radius: 8px;
|
||||
overflow-x: auto;
|
||||
margin: 16px 0;
|
||||
font-family: 'Consolas', 'Monaco', monospace;
|
||||
font-size: 14px;
|
||||
line-height: 1.6;
|
||||
}
|
||||
.code-block .comment { color: #64748b; }
|
||||
.code-block .keyword { color: #c084fc; }
|
||||
.code-block .string { color: #86efac; }
|
||||
|
||||
/* 提示框 */
|
||||
.alert {
|
||||
padding: 16px 20px;
|
||||
border-radius: 8px;
|
||||
margin: 16px 0;
|
||||
border-left: 4px solid;
|
||||
}
|
||||
.alert-info {
|
||||
background: #eff6ff;
|
||||
border-color: #3b82f6;
|
||||
color: #1e40af;
|
||||
}
|
||||
.alert-warning {
|
||||
background: #fffbeb;
|
||||
border-color: #f59e0b;
|
||||
color: #92400e;
|
||||
}
|
||||
.alert-danger {
|
||||
background: #fef2f2;
|
||||
border-color: #ef4444;
|
||||
color: #991b1b;
|
||||
}
|
||||
.alert-success {
|
||||
background: #f0fdf4;
|
||||
border-color: #22c55e;
|
||||
color: #166534;
|
||||
}
|
||||
.alert strong { display: block; margin-bottom: 4px; }
|
||||
|
||||
/* 步骤 */
|
||||
.step {
|
||||
display: flex;
|
||||
gap: 16px;
|
||||
margin: 24px 0;
|
||||
}
|
||||
.step-number {
|
||||
flex-shrink: 0;
|
||||
width: 36px;
|
||||
height: 36px;
|
||||
background: var(--primary);
|
||||
color: white;
|
||||
border-radius: 50%;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
font-weight: 700;
|
||||
font-size: 16px;
|
||||
}
|
||||
.step-content { flex: 1; }
|
||||
.step-content h4 {
|
||||
font-size: 17px;
|
||||
font-weight: 600;
|
||||
margin-bottom: 8px;
|
||||
}
|
||||
|
||||
/* 表格 */
|
||||
.table-wrap {
|
||||
overflow-x: auto;
|
||||
margin: 16px 0;
|
||||
}
|
||||
table {
|
||||
width: 100%;
|
||||
border-collapse: collapse;
|
||||
font-size: 14px;
|
||||
}
|
||||
th, td {
|
||||
padding: 12px 16px;
|
||||
text-align: left;
|
||||
border-bottom: 1px solid var(--border);
|
||||
}
|
||||
th {
|
||||
background: #f1f5f9;
|
||||
font-weight: 600;
|
||||
color: var(--text);
|
||||
}
|
||||
tr:hover { background: #f8fafc; }
|
||||
|
||||
/* ===== 对比表格 ===== */
|
||||
.compare-table {
|
||||
background: var(--card-bg);
|
||||
border-radius: var(--radius);
|
||||
overflow: hidden;
|
||||
box-shadow: var(--shadow);
|
||||
border: 1px solid var(--border);
|
||||
}
|
||||
.compare-table table { margin: 0; }
|
||||
.compare-table .recommended {
|
||||
background: #f0fdf4;
|
||||
}
|
||||
.compare-table .recommended td:first-child {
|
||||
font-weight: 700;
|
||||
color: #166534;
|
||||
}
|
||||
|
||||
/* ===== 底部 ===== */
|
||||
.footer {
|
||||
background: #1e293b;
|
||||
color: #94a3b8;
|
||||
padding: 40px 20px;
|
||||
margin-top: 60px;
|
||||
}
|
||||
.footer-inner {
|
||||
max-width: 1200px;
|
||||
margin: 0 auto;
|
||||
display: grid;
|
||||
grid-template-columns: 2fr 1fr 1fr;
|
||||
gap: 40px;
|
||||
}
|
||||
.footer h4 {
|
||||
color: white;
|
||||
font-size: 16px;
|
||||
margin-bottom: 16px;
|
||||
}
|
||||
.footer ul { list-style: none; }
|
||||
.footer li { margin-bottom: 8px; }
|
||||
.footer a { color: #94a3b8; font-size: 14px; }
|
||||
.footer a:hover { color: white; }
|
||||
.footer-bottom {
|
||||
max-width: 1200px;
|
||||
margin: 32px auto 0;
|
||||
padding-top: 24px;
|
||||
border-top: 1px solid #334155;
|
||||
text-align: center;
|
||||
font-size: 13px;
|
||||
}
|
||||
|
||||
/* ===== 响应式 ===== */
|
||||
@media (max-width: 768px) {
|
||||
.nav-links { display: none; }
|
||||
.hero h1 { font-size: 28px; }
|
||||
.hero p { font-size: 16px; }
|
||||
.card-grid { grid-template-columns: 1fr; }
|
||||
.footer-inner { grid-template-columns: 1fr; gap: 24px; }
|
||||
.tutorial-content { padding: 20px; }
|
||||
.tutorial-header { padding: 20px; }
|
||||
}
|
||||
@@ -0,0 +1,57 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="zh-CN">
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<title>PT下载指南 - qBittorrent配置/PT站入门/资源下载</title>
|
||||
<meta name="description" content="PT下载入门指南，qBittorrent配置优化，PT站邀请获取，做种技巧，打造私人下载库。">
|
||||
<meta name="keywords" content="PT下载,qBittorrent,PT站,做种,下载机,NAS下载">
|
||||
<link rel="stylesheet" href="assets/style.css">
|
||||
</head>
|
||||
<body>
|
||||
<nav class="navbar">
|
||||
<div class="navbar-inner">
|
||||
<a href="index.html" class="logo"><div class="logo-icon">⬇️</div>PT下载指南</a>
|
||||
<ul class="nav-links">
|
||||
<li><a href="index.html" class="active">首页</a></li>
|
||||
<li><a href="qbittorrent.html">qBittorrent</a></li>
|
||||
<li><a href="pt-sites.html">PT站介绍</a></li>
|
||||
<li><a href="tips.html">做种技巧</a></li>
|
||||
<li><a href="about.html">关于</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
</nav>
|
||||
<section class="hero">
|
||||
<h1>⬇️ PT下载入门指南</h1>
|
||||
<p>qBittorrent配置、PT站入门、做种技巧，打造私人高清资源库</p>
|
||||
<div class="hero-badges">
|
||||
<span class="hero-badge">🔧 qBittorrent</span>
|
||||
<span class="hero-badge">📺 PT站介绍</span>
|
||||
<span class="hero-badge">🌱 做种技巧</span>
|
||||
<span class="hero-badge">💾 NAS下载</span>
|
||||
</div>
|
||||
</section>
|
||||
<div class="container">
|
||||
<h2 class="section-title">🔥 热门教程</h2>
|
||||
<div class="card-grid">
|
||||
<a href="qbittorrent.html" style="text-decoration:none;color:inherit;"><div class="card"><div class="card-icon blue">🔧</div><h3>qBittorrent配置</h3><p>下载安装、参数优化、WebUI设置、RSS自动下载，打造7x24下载机</p><div class="card-meta"><span>⏱️ 20分钟</span><span>📊 入门</span></div></div></a>
|
||||
<a href="pt-sites.html" style="text-decoration:none;color:inherit;"><div class="card"><div class="card-icon green">📺</div><h3>PT站介绍</h3><p>主流PT站分类、特点对比、邀请获取方式，新手入门指南</p><div class="card-meta"><span>⏱️ 10分钟</span><span>📊 入门</span></div></div></a>
|
||||
<a href="tips.html" style="text-decoration:none;color:inherit;"><div class="card"><div class="card-icon orange">🌱</div><h3>做种技巧</h3><p>分享率提升、做种优化、魔力值获取，PT站生存指南</p><div class="card-meta"><span>⏱️ 15分钟</span><span>📊 进阶</span></div></div></a>
|
||||
</div>
|
||||
<h2 class="section-title">💡 什么是PT？</h2>
|
||||
<div class="alert alert-info"><strong>PT（Private Tracker）</strong>是私有BT站点，需要注册才能下载。和公开BT不同，PT站要求保持分享率（下载量/上传量），做种时间越长，账号等级越高。PT站的资源质量高、速度快、无广告，是影音爱好者的首选。</div>
|
||||
<h2 class="section-title">📊 PT vs 公开BT</h2>
|
||||
<div class="table-wrap">
|
||||
<table>
|
||||
<tr><th>对比项</th><th>PT站</th><th>公开BT</th></tr>
|
||||
<tr><td>资源质量</td><td>⭐⭐⭐⭐⭐ 高清、无水印</td><td>⭐⭐⭐ 参差不齐</td></tr>
|
||||
<tr><td>下载速度</td><td>⭐⭐⭐⭐⭐ 做种人多</td><td>⭐⭐ 看运气</td></tr>
|
||||
<tr><td>广告</td><td>无</td><td>多</td></tr>
|
||||
<tr><td>注册难度</td><td>需要邀请</td><td>开放</td></tr>
|
||||
<tr><td>做种要求</td><td>有分享率要求</td><td>无</td></tr>
|
||||
</table>
|
||||
</div>
|
||||
</div>
|
||||
<footer class="footer"><div class="footer-inner"><div><h4>⬇️ PT下载指南</h4><p style="font-size:14px;line-height:1.8;">PT下载入门，qBittorrent配置，做种技巧。</p></div><div><h4>快速导航</h4><ul><li><a href="qbittorrent.html">qBittorrent</a></li><li><a href="pt-sites.html">PT站介绍</a></li><li><a href="tips.html">做种技巧</a></li></ul></div><div><h4>关于</h4><ul><li><a href="about.html">关于我们</a></li></ul></div></div><div class="footer-bottom"><p>© 2026 PT下载指南 | 仅供学习交流，请遵守版权法规</p></div></footer>
|
||||
</body>
|
||||
</html>
|
||||
@@ -0,0 +1,49 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="zh-CN">
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<title>PT站介绍 - 主流PT站对比/邀请获取 | PT下载指南</title>
|
||||
<link rel="stylesheet" href="assets/style.css">
|
||||
</head>
|
||||
<body>
|
||||
<nav class="navbar">
|
||||
<div class="navbar-inner">
|
||||
<a href="index.html" class="logo"><div class="logo-icon">⬇️</div>PT下载指南</a>
|
||||
<ul class="nav-links">
|
||||
<li><a href="index.html">首页</a></li>
|
||||
<li><a href="qbittorrent.html">qBittorrent</a></li>
|
||||
<li><a href="pt-sites.html" class="active">PT站介绍</a></li>
|
||||
<li><a href="tips.html">做种技巧</a></li>
|
||||
<li><a href="about.html">关于</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
</nav>
|
||||
<div class="container-narrow">
|
||||
<div class="tutorial-header"><h1>📺 PT站介绍</h1><div class="tutorial-meta"><span>⏱️ 10分钟</span><span class="difficulty easy">入门</span><span>📝 持续更新</span></div></div>
|
||||
<div class="tutorial-content">
|
||||
<h2>📊 主流PT站分类</h2>
|
||||
<div class="table-wrap">
|
||||
<table>
|
||||
<tr><th>类型</th><th>代表站点</th><th>特点</th></tr>
|
||||
<tr><td><strong>综合站</strong></td><td>MT、TTG、CHD</td><td>资源全面，电影/剧集/音乐都有</td></tr>
|
||||
<tr><td><strong>电影站</strong></td><td>HDSky、HDHome</td><td>高清电影为主，质量高</td></tr>
|
||||
<tr><td><strong>剧集站</strong></td><td>TVChaos、BeyondHD</td><td>美剧/英剧/日剧</td></tr>
|
||||
<tr><td><strong>音乐站</strong></td><td>RED、Orpheus</td><td>无损音乐，FLAC/DSD</td></tr>
|
||||
<tr><td><strong>动漫站</strong></td><td>U2、DMHY</td><td>动漫资源，字幕组发布</td></tr>
|
||||
</table>
|
||||
</div>
|
||||
<h2>🎫 邀请获取方式</h2>
|
||||
<ol>
|
||||
<li><strong>开放注册</strong> - 部分站点在节日（如元旦、春节）开放注册</li>
|
||||
<li><strong>朋友邀请</strong> - 找已经在PT站的朋友要邀请码</li>
|
||||
<li><strong>面试入站</strong> - 部分大站需要面试，测试PT知识</li>
|
||||
<li><strong>其他站晋升</strong> - 在小站积累数据，申请大站邀请</li>
|
||||
<li><strong>官方渠道</strong> - 关注PT站的Twitter/Telegram，偶尔发邀请</li>
|
||||
</ol>
|
||||
<div class="alert alert-warning" style="margin-top:24px;"><strong>⚠️ 新手建议</strong><ul style="margin-top:8px;"><li>先从容易进的小站开始，积累做种经验</li><li>不要买邀请，容易被骗，而且违反站规</li><li>进站后先看规则，避免被ban</li><li>保持做种，分享率是生存之本</li></ul></div>
|
||||
</div>
|
||||
</div>
|
||||
<footer class="footer"><div class="footer-inner"><div><h4>⬇️ PT下载指南</h4><p style="font-size:14px;">PT下载入门。</p></div><div><h4>快速导航</h4><ul><li><a href="qbittorrent.html">qBittorrent</a></li><li><a href="pt-sites.html">PT站介绍</a></li><li><a href="tips.html">做种技巧</a></li></ul></div><div><h4>关于</h4><ul><li><a href="about.html">关于我们</a></li></ul></div></div><div class="footer-bottom"><p>© 2026 PT下载指南</p></div></footer>
|
||||
</body>
|
||||
</html>
|
||||
@@ -0,0 +1,56 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="zh-CN">
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<title>qBittorrent配置优化 - 下载机设置 | PT下载指南</title>
|
||||
<link rel="stylesheet" href="assets/style.css">
|
||||
</head>
|
||||
<body>
|
||||
<nav class="navbar">
|
||||
<div class="navbar-inner">
|
||||
<a href="index.html" class="logo"><div class="logo-icon">⬇️</div>PT下载指南</a>
|
||||
<ul class="nav-links">
|
||||
<li><a href="index.html">首页</a></li>
|
||||
<li><a href="qbittorrent.html" class="active">qBittorrent</a></li>
|
||||
<li><a href="pt-sites.html">PT站介绍</a></li>
|
||||
<li><a href="tips.html">做种技巧</a></li>
|
||||
<li><a href="about.html">关于</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
</nav>
|
||||
<div class="container-narrow">
|
||||
<div class="tutorial-header"><h1>🔧 qBittorrent配置优化</h1><div class="tutorial-meta"><span>⏱️ 20分钟</span><span class="difficulty easy">入门</span><span>✅ 实测验证</span></div></div>
|
||||
<div class="tutorial-content">
|
||||
<h2>📥 安装方式</h2>
|
||||
<div class="table-wrap">
|
||||
<table>
|
||||
<tr><th>平台</th><th>安装方式</th><th>推荐度</th></tr>
|
||||
<tr><td>Windows</td><td>官网下载安装包</td><td>⭐⭐⭐⭐</td></tr>
|
||||
<tr><td>Linux</td><td>apt install qbittorrent-nox</td><td>⭐⭐⭐⭐⭐</td></tr>
|
||||
<tr><td>Docker</td><td>linuxserver/qbittorrent</td><td>⭐⭐⭐⭐⭐</td></tr>
|
||||
<tr><td>NAS</td><td>飞牛OS/群晖应用商店</td><td>⭐⭐⭐⭐</td></tr>
|
||||
</table>
|
||||
</div>
|
||||
<h2>⚙️ 关键配置</h2>
|
||||
<div class="step"><div class="step-number">1</div><div class="step-content"><h4>连接设置</h4><p>监听端口：随机选择一个高位端口（如45678），在路由器上做端口映射</p></div></div>
|
||||
<div class="step"><div class="step-number">2</div><div class="step-content"><h4>速度限制</h4><p>上传限制：设为带宽的80%，不要跑满，避免影响其他设备</p></div></div>
|
||||
<div class="step"><div class="step-number">3</div><div class="step-content"><h4>WebUI</h4><p>开启WebUI，设置用户名密码，远程管理下载任务</p></div></div>
|
||||
<div class="step"><div class="step-number">4</div><div class="step-content"><h4>RSS自动下载</h4><p>配置RSS订阅，自动下载追更的剧集和资源</p></div></div>
|
||||
<h2>🐳 Docker部署示例</h2>
|
||||
<div class="code-block">docker run -d \
|
||||
--name=qbittorrent \
|
||||
-e PUID=1000 -e PGID=1000 \
|
||||
-e TZ=Asia/Shanghai \
|
||||
-e WEBUI_PORT=8080 \
|
||||
-p 8080:8080 -p 6881:6881 -p 6881:6881/udp \
|
||||
-v /path/to/config:/config \
|
||||
-v /path/to/downloads:/downloads \
|
||||
--restart unless-stopped \
|
||||
lscr.io/linuxserver/qbittorrent:latest</div>
|
||||
<div class="alert alert-success" style="margin-top:24px;"><strong>✅ PT站专用设置</strong><ul style="margin-top:8px;"><li>关闭DHT、PEX、LSD（PT站禁止）</li><li>开启"自动添加tracker"</li><li>做种时间设为无限</li><li>分享率限制设为无限</li></ul></div>
|
||||
</div>
|
||||
</div>
|
||||
<footer class="footer"><div class="footer-inner"><div><h4>⬇️ PT下载指南</h4><p style="font-size:14px;">PT下载入门。</p></div><div><h4>快速导航</h4><ul><li><a href="qbittorrent.html">qBittorrent</a></li><li><a href="pt-sites.html">PT站介绍</a></li><li><a href="tips.html">做种技巧</a></li></ul></div><div><h4>关于</h4><ul><li><a href="about.html">关于我们</a></li></ul></div></div><div class="footer-bottom"><p>© 2026 PT下载指南</p></div></footer>
|
||||
</body>
|
||||
</html>
|
||||
@@ -0,0 +1,53 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="zh-CN">
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<title>做种技巧 - 分享率提升/PT生存指南 | PT下载指南</title>
|
||||
<link rel="stylesheet" href="assets/style.css">
|
||||
</head>
|
||||
<body>
|
||||
<nav class="navbar">
|
||||
<div class="navbar-inner">
|
||||
<a href="index.html" class="logo"><div class="logo-icon">⬇️</div>PT下载指南</a>
|
||||
<ul class="nav-links">
|
||||
<li><a href="index.html">首页</a></li>
|
||||
<li><a href="qbittorrent.html">qBittorrent</a></li>
|
||||
<li><a href="pt-sites.html">PT站介绍</a></li>
|
||||
<li><a href="tips.html" class="active">做种技巧</a></li>
|
||||
<li><a href="about.html">关于</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
</nav>
|
||||
<div class="container-narrow">
|
||||
<div class="tutorial-header"><h1>🌱 做种技巧与分享率提升</h1><div class="tutorial-meta"><span>⏱️ 15分钟</span><span class="difficulty medium">进阶</span><span>💡 实用技巧</span></div></div>
|
||||
<div class="tutorial-content">
|
||||
<h2>📈 分享率提升方法</h2>
|
||||
<div class="card-grid">
|
||||
<div class="card"><div class="card-icon blue">⚡</div><h3>下载热门资源</h3><p>刚发布的热门资源下载的人多，做种上传快，容易提升分享率</p></div>
|
||||
<div class="card"><div class="card-icon green">🌙</div><h3>长期做种</h3><p>保持下载机7x24运行，老资源也有人下载，积少成多</p></div>
|
||||
<div class="card"><div class="card-icon orange">🎁</div><h3>免费种</h3><p>关注站点的Freeleech活动，下载不计流量，上传全算</p></div>
|
||||
<div class="card"><div class="card-icon purple">💎</div><h3>上传资源</h3><p>自己发布资源，首发上传量高，还能获得魔力值奖励</p></div>
|
||||
</div>
|
||||
<h2>⚙️ 做种优化设置</h2>
|
||||
<ul>
|
||||
<li><strong>做种数量</strong> - 同时做种数设为100+，不要限制</li>
|
||||
<li><strong>做种时间</strong> - 设为无限，不要自动停止做种</li>
|
||||
<li><strong>上传速度</strong> - 不要限制上传，跑满带宽</li>
|
||||
<li><strong>磁盘缓存</strong> - 调大缓存，减少硬盘IO</li>
|
||||
<li><strong>连接数</strong> - 全局连接数设为500+</li>
|
||||
</ul>
|
||||
<h2>🏆 魔力值获取</h2>
|
||||
<p>大部分PT站有魔力值系统，可以兑换邀请、提升等级：</p>
|
||||
<ul>
|
||||
<li>做种时间越长，魔力值越多</li>
|
||||
<li>做种体积越大，魔力值越多</li>
|
||||
<li>发布资源获得额外魔力值</li>
|
||||
<li>参与站点活动获得魔力值</li>
|
||||
</ul>
|
||||
<div class="alert alert-danger" style="margin-top:24px;"><strong>🔴 禁止行为</strong><ul style="margin-top:8px;"><li>禁止作弊（刷上传、共享账号）</li><li>禁止交易邀请</li><li>禁止泄露站点资源</li><li>违反规则会被ban号，所有做种清零</li></ul></div>
|
||||
</div>
|
||||
</div>
|
||||
<footer class="footer"><div class="footer-inner"><div><h4>⬇️ PT下载指南</h4><p style="font-size:14px;">PT下载入门。</p></div><div><h4>快速导航</h4><ul><li><a href="qbittorrent.html">qBittorrent</a></li><li><a href="pt-sites.html">PT站介绍</a></li><li><a href="tips.html">做种技巧</a></li></ul></div><div><h4>关于</h4><ul><li><a href="about.html">关于我们</a></li></ul></div></div><div class="footer-bottom"><p>© 2026 PT下载指南</p></div></footer>
|
||||
</body>
|
||||
</html>
|
||||
@@ -0,0 +1,38 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="zh-CN">
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<title>关于我们 - 科技前沿</title>
|
||||
<link rel="stylesheet" href="assets/style.css">
|
||||
</head>
|
||||
<body>
|
||||
<nav class="navbar">
|
||||
<div class="navbar-inner">
|
||||
<a href="index.html" class="logo"><div class="logo-icon">🚀</div>科技前沿</a>
|
||||
<ul class="nav-links">
|
||||
<li><a href="index.html">首页</a></li>
|
||||
<li><a href="ai-tools.html">AI工具</a></li>
|
||||
<li><a href="opensource.html">开源项目</a></li>
|
||||
<li><a href="news.html">科技资讯</a></li>
|
||||
<li><a href="about.html" class="active">关于</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
</nav>
|
||||
<div class="container-narrow">
|
||||
<div class="tutorial-content">
|
||||
<h1>关于科技前沿</h1>
|
||||
<h2>我们是谁</h2>
|
||||
<p>科技前沿是一个专注于AI工具、开源项目和科技资讯的内容站。我们精选高质量内容，帮你节省信息筛选时间，紧跟技术前沿。</p>
|
||||
<h2>内容原则</h2>
|
||||
<ul>
|
||||
<li><strong>精选不堆砌</strong> - 只推荐真正有用的工具和项目</li>
|
||||
<li><strong>实用优先</strong> - 每个推荐都说明能解决什么问题</li>
|
||||
<li><strong>持续更新</strong> - 跟随技术发展，定期更新内容</li>
|
||||
</ul>
|
||||
<div class="alert alert-warning"><strong>⚠️ 免责声明</strong><p style="margin-top:8px;">本网站内容仅供参考，工具和项目的使用请自行评估风险。部分链接可能包含Affiliate推广。</p></div>
|
||||
</div>
|
||||
</div>
|
||||
<footer class="footer"><div class="footer-inner"><div><h4>🚀 科技前沿</h4><p style="font-size:14px;">每日科技资讯。</p></div><div><h4>快速导航</h4><ul><li><a href="ai-tools.html">AI工具</a></li><li><a href="opensource.html">开源项目</a></li><li><a href="news.html">科技资讯</a></li></ul></div><div><h4>关于</h4><ul><li><a href="about.html">关于我们</a></li></ul></div></div><div class="footer-bottom"><p>© 2026 科技前沿</p></div></footer>
|
||||
</body>
|
||||
</html>
|
||||
@@ -0,0 +1,57 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="zh-CN">
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<title>AI工具合集 - 提升效率的人工智能工具 | 科技前沿</title>
|
||||
<link rel="stylesheet" href="assets/style.css">
|
||||
</head>
|
||||
<body>
|
||||
<nav class="navbar">
|
||||
<div class="navbar-inner">
|
||||
<a href="index.html" class="logo"><div class="logo-icon">🚀</div>科技前沿</a>
|
||||
<ul class="nav-links">
|
||||
<li><a href="index.html">首页</a></li>
|
||||
<li><a href="ai-tools.html" class="active">AI工具</a></li>
|
||||
<li><a href="opensource.html">开源项目</a></li>
|
||||
<li><a href="news.html">科技资讯</a></li>
|
||||
<li><a href="about.html">关于</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
</nav>
|
||||
<div class="container-narrow">
|
||||
<div class="tutorial-header"><h1>🤖 AI工具合集</h1><div class="tutorial-meta"><span>20+ 精选工具</span><span class="difficulty easy">入门</span><span>🔄 持续更新</span></div></div>
|
||||
<div class="tutorial-content">
|
||||
<h2>📝 写作与内容</h2>
|
||||
<div class="table-wrap">
|
||||
<table>
|
||||
<tr><th>工具</th><th>功能</th><th>价格</th></tr>
|
||||
<tr><td>ChatGPT</td><td>通用对话、写作、翻译</td><td>免费/付费</td></tr>
|
||||
<tr><td>Claude</td><td>长文本分析、写作</td><td>免费/付费</td></tr>
|
||||
<tr><td>Notion AI</td><td>笔记中的AI助手</td><td>付费</td></tr>
|
||||
</table>
|
||||
</div>
|
||||
<h2>💻 编程开发</h2>
|
||||
<div class="table-wrap">
|
||||
<table>
|
||||
<tr><th>工具</th><th>功能</th><th>价格</th></tr>
|
||||
<tr><td>Cursor</td><td>AI代码编辑器</td><td>免费/付费</td></tr>
|
||||
<tr><td>GitHub Copilot</td><td>代码补全</td><td>付费</td></tr>
|
||||
<tr><td>Windsurf</td><td>AI编程环境</td><td>免费/付费</td></tr>
|
||||
</table>
|
||||
</div>
|
||||
<h2>🎨 设计与图像</h2>
|
||||
<div class="table-wrap">
|
||||
<table>
|
||||
<tr><th>工具</th><th>功能</th><th>价格</th></tr>
|
||||
<tr><td>Midjourney</td><td>AI绘画</td><td>付费</td></tr>
|
||||
<tr><td>Stable Diffusion</td><td>开源AI绘画</td><td>免费</td></tr>
|
||||
<tr><td>Canva AI</td><td>AI设计工具</td><td>免费/付费</td></tr>
|
||||
</table>
|
||||
</div>
|
||||
<div class="alert alert-info" style="margin-top:24px;"><strong>💡 选择建议</strong><ul style="margin-top:8px;"><li>先试用免费版，确认适合再付费</li><li>关注学生优惠和免费额度</li><li>多个工具组合使用效果更好</li></ul></div>
|
||||
</div>
|
||||
</div>
|
||||
<footer class="footer"><div class="footer-inner"><div><h4>🚀 科技前沿</h4><p style="font-size:14px;">每日科技资讯。</p></div><div><h4>快速导航</h4><ul><li><a href="ai-tools.html">AI工具</a></li><li><a href="opensource.html">开源项目</a></li><li><a href="news.html">科技资讯</a></li></ul></div><div><h4>关于</h4><ul><li><a href="about.html">关于我们</a></li></ul></div></div><div class="footer-bottom"><p>© 2026 科技前沿</p></div></footer>
|
||||
</body>
|
||||
</html>
|
||||
@@ -0,0 +1,411 @@
|
||||
/* ===== 全局样式 ===== */
|
||||
* { margin: 0; padding: 0; box-sizing: border-box; }
|
||||
|
||||
:root {
|
||||
--primary: #2563eb;
|
||||
--primary-dark: #1d4ed8;
|
||||
--secondary: #64748b;
|
||||
--success: #10b981;
|
||||
--warning: #f59e0b;
|
||||
--danger: #ef4444;
|
||||
--bg: #f8fafc;
|
||||
--card-bg: #ffffff;
|
||||
--text: #1e293b;
|
||||
--text-light: #64748b;
|
||||
--border: #e2e8f0;
|
||||
--code-bg: #1e293b;
|
||||
--code-text: #e2e8f0;
|
||||
--shadow: 0 1px 3px rgba(0,0,0,0.1);
|
||||
--shadow-lg: 0 10px 25px rgba(0,0,0,0.1);
|
||||
--radius: 12px;
|
||||
}
|
||||
|
||||
body {
|
||||
font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'PingFang SC', 'Microsoft YaHei', sans-serif;
|
||||
background: var(--bg);
|
||||
color: var(--text);
|
||||
line-height: 1.7;
|
||||
}
|
||||
|
||||
a { color: var(--primary); text-decoration: none; }
|
||||
a:hover { text-decoration: underline; }
|
||||
|
||||
/* ===== 导航栏 ===== */
|
||||
.navbar {
|
||||
background: var(--card-bg);
|
||||
border-bottom: 1px solid var(--border);
|
||||
position: sticky;
|
||||
top: 0;
|
||||
z-index: 100;
|
||||
box-shadow: var(--shadow);
|
||||
}
|
||||
.navbar-inner {
|
||||
max-width: 1200px;
|
||||
margin: 0 auto;
|
||||
padding: 0 20px;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: space-between;
|
||||
height: 64px;
|
||||
}
|
||||
.logo {
|
||||
font-size: 20px;
|
||||
font-weight: 700;
|
||||
color: var(--text);
|
||||
display: flex;
|
||||
align-items: center;
|
||||
gap: 8px;
|
||||
}
|
||||
.logo-icon {
|
||||
width: 36px;
|
||||
height: 36px;
|
||||
background: linear-gradient(135deg, var(--primary), #8b5cf6);
|
||||
border-radius: 8px;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
color: white;
|
||||
font-size: 18px;
|
||||
}
|
||||
.nav-links { display: flex; gap: 24px; list-style: none; }
|
||||
.nav-links a {
|
||||
color: var(--text-light);
|
||||
font-size: 15px;
|
||||
font-weight: 500;
|
||||
transition: color 0.2s;
|
||||
}
|
||||
.nav-links a:hover, .nav-links a.active {
|
||||
color: var(--primary);
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
/* ===== Hero区域 ===== */
|
||||
.hero {
|
||||
background: linear-gradient(135deg, #1e3a8a 0%, #7c3aed 100%);
|
||||
color: white;
|
||||
padding: 60px 20px;
|
||||
text-align: center;
|
||||
}
|
||||
.hero h1 {
|
||||
font-size: 36px;
|
||||
font-weight: 800;
|
||||
margin-bottom: 16px;
|
||||
}
|
||||
.hero p {
|
||||
font-size: 18px;
|
||||
opacity: 0.9;
|
||||
max-width: 600px;
|
||||
margin: 0 auto 24px;
|
||||
}
|
||||
.hero-badges {
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
gap: 12px;
|
||||
flex-wrap: wrap;
|
||||
}
|
||||
.hero-badge {
|
||||
background: rgba(255,255,255,0.15);
|
||||
backdrop-filter: blur(10px);
|
||||
padding: 6px 16px;
|
||||
border-radius: 20px;
|
||||
font-size: 14px;
|
||||
}
|
||||
|
||||
/* ===== 容器 ===== */
|
||||
.container {
|
||||
max-width: 1200px;
|
||||
margin: 0 auto;
|
||||
padding: 40px 20px;
|
||||
}
|
||||
.container-narrow {
|
||||
max-width: 800px;
|
||||
margin: 0 auto;
|
||||
padding: 40px 20px;
|
||||
}
|
||||
|
||||
/* ===== 区块标题 ===== */
|
||||
.section-title {
|
||||
font-size: 24px;
|
||||
font-weight: 700;
|
||||
margin-bottom: 8px;
|
||||
}
|
||||
.section-subtitle {
|
||||
color: var(--text-light);
|
||||
margin-bottom: 24px;
|
||||
}
|
||||
|
||||
/* ===== 卡片网格 ===== */
|
||||
.card-grid {
|
||||
display: grid;
|
||||
grid-template-columns: repeat(auto-fill, minmax(320px, 1fr));
|
||||
gap: 20px;
|
||||
}
|
||||
.card {
|
||||
background: var(--card-bg);
|
||||
border-radius: var(--radius);
|
||||
padding: 24px;
|
||||
box-shadow: var(--shadow);
|
||||
transition: all 0.3s;
|
||||
border: 1px solid var(--border);
|
||||
}
|
||||
.card:hover {
|
||||
transform: translateY(-4px);
|
||||
box-shadow: var(--shadow-lg);
|
||||
}
|
||||
.card-icon {
|
||||
width: 48px;
|
||||
height: 48px;
|
||||
border-radius: 12px;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
font-size: 24px;
|
||||
margin-bottom: 16px;
|
||||
}
|
||||
.card-icon.blue { background: #dbeafe; color: #2563eb; }
|
||||
.card-icon.green { background: #d1fae5; color: #059669; }
|
||||
.card-icon.orange { background: #fed7aa; color: #ea580c; }
|
||||
.card-icon.purple { background: #ede9fe; color: #7c3aed; }
|
||||
.card-icon.red { background: #fee2e2; color: #dc2626; }
|
||||
.card h3 {
|
||||
font-size: 18px;
|
||||
font-weight: 600;
|
||||
margin-bottom: 8px;
|
||||
}
|
||||
.card p {
|
||||
color: var(--text-light);
|
||||
font-size: 14px;
|
||||
margin-bottom: 16px;
|
||||
}
|
||||
.card-meta {
|
||||
display: flex;
|
||||
gap: 12px;
|
||||
font-size: 12px;
|
||||
color: var(--text-light);
|
||||
}
|
||||
.card-meta span {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
gap: 4px;
|
||||
}
|
||||
|
||||
/* ===== 教程页面 ===== */
|
||||
.tutorial-header {
|
||||
background: var(--card-bg);
|
||||
border-radius: var(--radius);
|
||||
padding: 32px;
|
||||
margin-bottom: 24px;
|
||||
box-shadow: var(--shadow);
|
||||
border: 1px solid var(--border);
|
||||
}
|
||||
.tutorial-header h1 {
|
||||
font-size: 28px;
|
||||
font-weight: 700;
|
||||
margin-bottom: 12px;
|
||||
}
|
||||
.tutorial-meta {
|
||||
display: flex;
|
||||
gap: 20px;
|
||||
color: var(--text-light);
|
||||
font-size: 14px;
|
||||
flex-wrap: wrap;
|
||||
}
|
||||
.tutorial-meta span {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
gap: 6px;
|
||||
}
|
||||
.difficulty {
|
||||
padding: 2px 10px;
|
||||
border-radius: 12px;
|
||||
font-size: 12px;
|
||||
font-weight: 600;
|
||||
}
|
||||
.difficulty.easy { background: #d1fae5; color: #059669; }
|
||||
.difficulty.medium { background: #fef3c7; color: #d97706; }
|
||||
.difficulty.hard { background: #fee2e2; color: #dc2626; }
|
||||
|
||||
.tutorial-content {
|
||||
background: var(--card-bg);
|
||||
border-radius: var(--radius);
|
||||
padding: 32px;
|
||||
box-shadow: var(--shadow);
|
||||
border: 1px solid var(--border);
|
||||
}
|
||||
.tutorial-content h2 {
|
||||
font-size: 22px;
|
||||
font-weight: 700;
|
||||
margin: 32px 0 16px;
|
||||
padding-bottom: 8px;
|
||||
border-bottom: 2px solid var(--border);
|
||||
}
|
||||
.tutorial-content h2:first-child { margin-top: 0; }
|
||||
.tutorial-content h3 {
|
||||
font-size: 18px;
|
||||
font-weight: 600;
|
||||
margin: 24px 0 12px;
|
||||
}
|
||||
.tutorial-content p {
|
||||
margin-bottom: 16px;
|
||||
color: #334155;
|
||||
}
|
||||
.tutorial-content ul, .tutorial-content ol {
|
||||
margin: 12px 0 16px 24px;
|
||||
}
|
||||
.tutorial-content li {
|
||||
margin-bottom: 8px;
|
||||
color: #334155;
|
||||
}
|
||||
|
||||
/* 代码块 */
|
||||
.code-block {
|
||||
background: var(--code-bg);
|
||||
color: var(--code-text);
|
||||
padding: 16px 20px;
|
||||
border-radius: 8px;
|
||||
overflow-x: auto;
|
||||
margin: 16px 0;
|
||||
font-family: 'Consolas', 'Monaco', monospace;
|
||||
font-size: 14px;
|
||||
line-height: 1.6;
|
||||
}
|
||||
.code-block .comment { color: #64748b; }
|
||||
.code-block .keyword { color: #c084fc; }
|
||||
.code-block .string { color: #86efac; }
|
||||
|
||||
/* 提示框 */
|
||||
.alert {
|
||||
padding: 16px 20px;
|
||||
border-radius: 8px;
|
||||
margin: 16px 0;
|
||||
border-left: 4px solid;
|
||||
}
|
||||
.alert-info {
|
||||
background: #eff6ff;
|
||||
border-color: #3b82f6;
|
||||
color: #1e40af;
|
||||
}
|
||||
.alert-warning {
|
||||
background: #fffbeb;
|
||||
border-color: #f59e0b;
|
||||
color: #92400e;
|
||||
}
|
||||
.alert-danger {
|
||||
background: #fef2f2;
|
||||
border-color: #ef4444;
|
||||
color: #991b1b;
|
||||
}
|
||||
.alert-success {
|
||||
background: #f0fdf4;
|
||||
border-color: #22c55e;
|
||||
color: #166534;
|
||||
}
|
||||
.alert strong { display: block; margin-bottom: 4px; }
|
||||
|
||||
/* 步骤 */
|
||||
.step {
|
||||
display: flex;
|
||||
gap: 16px;
|
||||
margin: 24px 0;
|
||||
}
|
||||
.step-number {
|
||||
flex-shrink: 0;
|
||||
width: 36px;
|
||||
height: 36px;
|
||||
background: var(--primary);
|
||||
color: white;
|
||||
border-radius: 50%;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
font-weight: 700;
|
||||
font-size: 16px;
|
||||
}
|
||||
.step-content { flex: 1; }
|
||||
.step-content h4 {
|
||||
font-size: 17px;
|
||||
font-weight: 600;
|
||||
margin-bottom: 8px;
|
||||
}
|
||||
|
||||
/* 表格 */
|
||||
.table-wrap {
|
||||
overflow-x: auto;
|
||||
margin: 16px 0;
|
||||
}
|
||||
table {
|
||||
width: 100%;
|
||||
border-collapse: collapse;
|
||||
font-size: 14px;
|
||||
}
|
||||
th, td {
|
||||
padding: 12px 16px;
|
||||
text-align: left;
|
||||
border-bottom: 1px solid var(--border);
|
||||
}
|
||||
th {
|
||||
background: #f1f5f9;
|
||||
font-weight: 600;
|
||||
color: var(--text);
|
||||
}
|
||||
tr:hover { background: #f8fafc; }
|
||||
|
||||
/* ===== 对比表格 ===== */
|
||||
.compare-table {
|
||||
background: var(--card-bg);
|
||||
border-radius: var(--radius);
|
||||
overflow: hidden;
|
||||
box-shadow: var(--shadow);
|
||||
border: 1px solid var(--border);
|
||||
}
|
||||
.compare-table table { margin: 0; }
|
||||
.compare-table .recommended {
|
||||
background: #f0fdf4;
|
||||
}
|
||||
.compare-table .recommended td:first-child {
|
||||
font-weight: 700;
|
||||
color: #166534;
|
||||
}
|
||||
|
||||
/* ===== 底部 ===== */
|
||||
.footer {
|
||||
background: #1e293b;
|
||||
color: #94a3b8;
|
||||
padding: 40px 20px;
|
||||
margin-top: 60px;
|
||||
}
|
||||
.footer-inner {
|
||||
max-width: 1200px;
|
||||
margin: 0 auto;
|
||||
display: grid;
|
||||
grid-template-columns: 2fr 1fr 1fr;
|
||||
gap: 40px;
|
||||
}
|
||||
.footer h4 {
|
||||
color: white;
|
||||
font-size: 16px;
|
||||
margin-bottom: 16px;
|
||||
}
|
||||
.footer ul { list-style: none; }
|
||||
.footer li { margin-bottom: 8px; }
|
||||
.footer a { color: #94a3b8; font-size: 14px; }
|
||||
.footer a:hover { color: white; }
|
||||
.footer-bottom {
|
||||
max-width: 1200px;
|
||||
margin: 32px auto 0;
|
||||
padding-top: 24px;
|
||||
border-top: 1px solid #334155;
|
||||
text-align: center;
|
||||
font-size: 13px;
|
||||
}
|
||||
|
||||
/* ===== 响应式 ===== */
|
||||
@media (max-width: 768px) {
|
||||
.nav-links { display: none; }
|
||||
.hero h1 { font-size: 28px; }
|
||||
.hero p { font-size: 16px; }
|
||||
.card-grid { grid-template-columns: 1fr; }
|
||||
.footer-inner { grid-template-columns: 1fr; gap: 24px; }
|
||||
.tutorial-content { padding: 20px; }
|
||||
.tutorial-header { padding: 20px; }
|
||||
}
|
||||
@@ -0,0 +1,54 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="zh-CN">
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<title>科技前沿 - AI工具/开源项目/科技资讯</title>
|
||||
<meta name="description" content="每日科技资讯，AI工具推荐，开源项目精选，帮你紧跟技术前沿。">
|
||||
<meta name="keywords" content="AI工具,开源项目,科技资讯,前沿技术,GitHub,人工智能">
|
||||
<link rel="stylesheet" href="assets/style.css">
|
||||
</head>
|
||||
<body>
|
||||
<nav class="navbar">
|
||||
<div class="navbar-inner">
|
||||
<a href="index.html" class="logo"><div class="logo-icon">🚀</div>科技前沿</a>
|
||||
<ul class="nav-links">
|
||||
<li><a href="index.html" class="active">首页</a></li>
|
||||
<li><a href="ai-tools.html">AI工具</a></li>
|
||||
<li><a href="opensource.html">开源项目</a></li>
|
||||
<li><a href="news.html">科技资讯</a></li>
|
||||
<li><a href="about.html">关于</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
</nav>
|
||||
<section class="hero">
|
||||
<h1>🚀 科技前沿资讯站</h1>
|
||||
<p>AI工具、开源项目、科技新闻，每日精选，帮你紧跟技术前沿</p>
|
||||
<div class="hero-badges">
|
||||
<span class="hero-badge">🤖 AI工具</span>
|
||||
<span class="hero-badge">📦 开源项目</span>
|
||||
<span class="hero-badge">📰 科技资讯</span>
|
||||
<span class="hero-badge">🔄 每日更新</span>
|
||||
</div>
|
||||
</section>
|
||||
<div class="container">
|
||||
<h2 class="section-title">🔥 今日精选</h2>
|
||||
<div class="card-grid">
|
||||
<a href="ai-tools.html" style="text-decoration:none;color:inherit;"><div class="card"><div class="card-icon blue">🤖</div><h3>AI工具合集</h3><p>精选实用AI工具，写作、编程、设计、视频，提升工作效率</p><div class="card-meta"><span>20+ 工具</span><span>💎 免费/付费</span></div></div></a>
|
||||
<a href="opensource.html" style="text-decoration:none;color:inherit;"><div class="card"><div class="card-icon green">📦</div><h3>开源项目精选</h3><p>GitHub热门项目，自动化、开发工具、实用软件，每周更新</p><div class="card-meta"><span>每周更新</span><span>⭐ 高星项目</span></div></div></a>
|
||||
<a href="news.html" style="text-decoration:none;color:inherit;"><div class="card"><div class="card-icon orange">📰</div><h3>科技资讯</h3><p>每日科技要闻，AI、芯片、互联网、创业，不错过重要动态</p><div class="card-meta"><span>每日更新</span><span>🌍 全球视野</span></div></div></a>
|
||||
</div>
|
||||
<h2 class="section-title">🤖 热门AI工具</h2>
|
||||
<div class="table-wrap">
|
||||
<table>
|
||||
<tr><th>工具</th><th>类型</th><th>特点</th><th>价格</th></tr>
|
||||
<tr><td><strong>ChatGPT</strong></td><td>对话AI</td><td>通用对话、写作、编程</td><td>免费/付费</td></tr>
|
||||
<tr><td><strong>Claude</strong></td><td>对话AI</td><td>长文本、代码分析</td><td>免费/付费</td></tr>
|
||||
<tr><td><strong>Midjourney</strong></td><td>AI绘画</td><td>高质量图像生成</td><td>付费</td></tr>
|
||||
<tr><td><strong>Cursor</strong></td><td>AI编程</td><td>AI代码编辑器</td><td>免费/付费</td></tr>
|
||||
</table>
|
||||
</div>
|
||||
</div>
|
||||
<footer class="footer"><div class="footer-inner"><div><h4>🚀 科技前沿</h4><p style="font-size:14px;line-height:1.8;">每日科技资讯，AI工具推荐，开源项目精选。</p></div><div><h4>快速导航</h4><ul><li><a href="ai-tools.html">AI工具</a></li><li><a href="opensource.html">开源项目</a></li><li><a href="news.html">科技资讯</a></li></ul></div><div><h4>关于</h4><ul><li><a href="about.html">关于我们</a></li></ul></div></div><div class="footer-bottom"><p>© 2026 科技前沿 | 资讯仅供参考</p></div></footer>
|
||||
</body>
|
||||
</html>
|
||||
@@ -0,0 +1,48 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="zh-CN">
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<title>科技资讯 - 每日科技要闻 | 科技前沿</title>
|
||||
<link rel="stylesheet" href="assets/style.css">
|
||||
</head>
|
||||
<body>
|
||||
<nav class="navbar">
|
||||
<div class="navbar-inner">
|
||||
<a href="index.html" class="logo"><div class="logo-icon">🚀</div>科技前沿</a>
|
||||
<ul class="nav-links">
|
||||
<li><a href="index.html">首页</a></li>
|
||||
<li><a href="ai-tools.html">AI工具</a></li>
|
||||
<li><a href="opensource.html">开源项目</a></li>
|
||||
<li><a href="news.html" class="active">科技资讯</a></li>
|
||||
<li><a href="about.html">关于</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
</nav>
|
||||
<div class="container-narrow">
|
||||
<div class="tutorial-header"><h1>📰 科技资讯</h1><div class="tutorial-meta"><span>每日更新</span><span class="difficulty easy">入门</span><span>🌍 全球视野</span></div></div>
|
||||
<div class="tutorial-content">
|
||||
<h2>📌 资讯来源</h2>
|
||||
<div class="table-wrap">
|
||||
<table>
|
||||
<tr><th>来源</th><th>类型</th><th>特点</th></tr>
|
||||
<tr><td>Hacker News</td><td>技术社区</td><td>硅谷视角，技术深度</td></tr>
|
||||
<tr><td>Product Hunt</td><td>产品发现</td><td>新产品、新工具</td></tr>
|
||||
<tr><td>TechCrunch</td><td>科技媒体</td><td>创业、融资新闻</td></tr>
|
||||
<tr><td>The Verge</td><td>科技媒体</td><td>消费电子、评测</td></tr>
|
||||
<tr><td>Ars Technica</td><td>技术媒体</td><td>深度技术报道</td></tr>
|
||||
</table>
|
||||
</div>
|
||||
<h2>🔔 订阅方式</h2>
|
||||
<ul>
|
||||
<li><strong>RSS订阅</strong> - 用Feedly等阅读器订阅各来源</li>
|
||||
<li><strong>Newsletter</strong> - 订阅技术周刊，每周一封精选</li>
|
||||
<li><strong>Telegram频道</strong> - 即时推送重要新闻</li>
|
||||
<li><strong>自动化监控</strong> - 用n8n/Huginn自动聚合</li>
|
||||
</ul>
|
||||
<div class="alert alert-info" style="margin-top:24px;"><strong>💡 信息过载怎么办？</strong><ul style="margin-top:8px;"><li>只关注3-5个高质量来源</li><li>每天固定时间浏览，不要随时刷</li><li>用自动化工具过滤关键词</li><li>重要文章收藏后精读，不要都读</li></ul></div>
|
||||
</div>
|
||||
</div>
|
||||
<footer class="footer"><div class="footer-inner"><div><h4>🚀 科技前沿</h4><p style="font-size:14px;">每日科技资讯。</p></div><div><h4>快速导航</h4><ul><li><a href="ai-tools.html">AI工具</a></li><li><a href="opensource.html">开源项目</a></li><li><a href="news.html">科技资讯</a></li></ul></div><div><h4>关于</h4><ul><li><a href="about.html">关于我们</a></li></ul></div></div><div class="footer-bottom"><p>© 2026 科技前沿</p></div></footer>
|
||||
</body>
|
||||
</html>
|
||||
@@ -0,0 +1,44 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="zh-CN">
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<title>开源项目精选 - GitHub热门项目 | 科技前沿</title>
|
||||
<link rel="stylesheet" href="assets/style.css">
|
||||
</head>
|
||||
<body>
|
||||
<nav class="navbar">
|
||||
<div class="navbar-inner">
|
||||
<a href="index.html" class="logo"><div class="logo-icon">🚀</div>科技前沿</a>
|
||||
<ul class="nav-links">
|
||||
<li><a href="index.html">首页</a></li>
|
||||
<li><a href="ai-tools.html">AI工具</a></li>
|
||||
<li><a href="opensource.html" class="active">开源项目</a></li>
|
||||
<li><a href="news.html">科技资讯</a></li>
|
||||
<li><a href="about.html">关于</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
</nav>
|
||||
<div class="container-narrow">
|
||||
<div class="tutorial-header"><h1>📦 开源项目精选</h1><div class="tutorial-meta"><span>每周更新</span><span class="difficulty easy">入门</span><span>⭐ GitHub高星</span></div></div>
|
||||
<div class="tutorial-content">
|
||||
<h2>🔥 本周热门</h2>
|
||||
<div class="card-grid">
|
||||
<div class="card"><div class="card-icon blue">🤖</div><h3>自动化工具</h3><p>n8n、Huginn等自动化工作流工具，连接各种API，实现任务自动化</p><div class="card-meta"><span>⭐ 50k+</span><span>自动化</span></div></div>
|
||||
<div class="card"><div class="card-icon green">📊</div><h3>数据可视化</h3><p>Apache ECharts、Grafana等数据可视化工具，打造炫酷仪表盘</p><div class="card-meta"><span>⭐ 60k+</span><span>数据</span></div></div>
|
||||
<div class="card"><div class="card-icon orange">🔧</div><h3>开发工具</h3><p>VS Code插件、CLI工具、开发框架，提升开发效率</p><div class="card-meta"><span>⭐ 40k+</span><span>开发</span></div></div>
|
||||
</div>
|
||||
<h2>📂 分类导航</h2>
|
||||
<ul>
|
||||
<li><strong>AI/ML</strong> - 机器学习框架、大模型应用</li>
|
||||
<li><strong>自动化</strong> - 工作流、爬虫、定时任务</li>
|
||||
<li><strong>DevOps</strong> - 容器、CI/CD、监控</li>
|
||||
<li><strong>实用工具</strong> - 笔记、下载、影音</li>
|
||||
<li><strong>网络工具</strong> - 代理、内网穿透、VPN</li>
|
||||
</ul>
|
||||
<div class="alert alert-success" style="margin-top:24px;"><strong>✅ 如何发现好项目</strong><ul style="margin-top:8px;"><li>关注GitHub Trending每日榜单</li><li>订阅技术周刊和Newsletter</li><li>在Twitter/X上关注技术大佬</li><li>加入开源社区和Discord</li></ul></div>
|
||||
</div>
|
||||
</div>
|
||||
<footer class="footer"><div class="footer-inner"><div><h4>🚀 科技前沿</h4><p style="font-size:14px;">每日科技资讯。</p></div><div><h4>快速导航</h4><ul><li><a href="ai-tools.html">AI工具</a></li><li><a href="opensource.html">开源项目</a></li><li><a href="news.html">科技资讯</a></li></ul></div><div><h4>关于</h4><ul><li><a href="about.html">关于我们</a></li></ul></div></div><div class="footer-bottom"><p>© 2026 科技前沿</p></div></footer>
|
||||
</body>
|
||||
</html>
|
||||
Reference in New Issue
Block a user