admin/affiliate-sites
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

初始化Affiliate站群：4个静态网站（MT4工具、家庭服务器、科技资讯、PT下载），每个站5页+CSS

Browse Source
This commit is contained in:
admin
2026-09-10 18:27:53 +08:00
commit 804f19f7b6
24 changed files with 2687 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files
tech-news/about.html
+38
View File
@@ -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>
tech-news/ai-tools.html
+57
View File
@@ -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>
tech-news/assets/style.css
+411
View File
@@ -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; }
}
tech-news/index.html
+54
View File
@@ -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>
tech-news/news.html
+48
View File
@@ -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>
tech-news/opensource.html
+44
View File
@@ -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>