wecom-fullstack
3b8925d317
白名单只含 158 件：privacy.html、terms.html 新建；156 个页面插入合规页脚链； index.html 咨询弹窗加同意复选框（默认不勾 + JS 拦截）。 他人未提交 hunk（articles/perspective 等）未纳入本提交。
97 lines
3.7 KiB
HTML
97 lines
3.7 KiB
HTML
<!DOCTYPE html>
|
||
<html lang="zh-CN">
|
||
<head>
|
||
<meta charset="UTF-8">
|
||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||
<title>封面</title>
|
||
<style>
|
||
* { margin: 0; padding: 0; box-sizing: border-box; }
|
||
body { display: flex; justify-content: center; align-items: center; min-height: 100vh; background: #f5f6f7; font-family: -apple-system, "PingFang SC", "Microsoft YaHei", sans-serif; }
|
||
.cover {
|
||
width: 1200px; height: 675px;
|
||
background: linear-gradient(160deg, #1b1f23 0%, #24292e 40%, #2b3137 70%, #1b1f23 100%);
|
||
position: relative; overflow: hidden;
|
||
display: flex; flex-direction: column; justify-content: center;
|
||
padding: 60px 80px; position: relative;
|
||
}
|
||
.octo {
|
||
position: absolute; right: 50px; bottom: 30px;
|
||
font-size: 120px; opacity: 0.04;
|
||
}
|
||
.grid-bg {
|
||
position: absolute; top: 0; left: 0; right: 0; bottom: 0;
|
||
background-image: linear-gradient(rgba(255,255,255,0.02) 1px, transparent 1px), linear-gradient(90deg, rgba(255,255,255,0.02) 1px, transparent 1px);
|
||
background-size: 50px 50px;
|
||
}
|
||
.content { position: relative; z-index: 1; }
|
||
.badge {
|
||
display: inline-block; background: rgba(255,255,255,0.08);
|
||
padding: 5px 16px; border-radius: 4px;
|
||
font-size: 13px; color: #8b949e; letter-spacing: 2px; margin-bottom: 20px;
|
||
}
|
||
h1 {
|
||
font-size: 46px; color: #fff; font-weight: 800;
|
||
line-height: 1.25; margin-bottom: 6px; letter-spacing: 1px;
|
||
}
|
||
h1 .hl {
|
||
background: linear-gradient(135deg, #58a6ff, #7ee787);
|
||
-webkit-background-clip: text; -webkit-text-fill-color: transparent;
|
||
background-clip: text;
|
||
}
|
||
.sub1 {
|
||
font-size: 18px; color: rgba(255,255,255,0.55);
|
||
margin-top: 8px; line-height: 1.6;
|
||
}
|
||
.sub2 {
|
||
font-size: 14px; color: rgba(255,255,255,0.3);
|
||
margin-top: 6px; letter-spacing: 1px;
|
||
}
|
||
.stats {
|
||
display: flex; gap: 20px; margin-top: 24px;
|
||
}
|
||
.stats span {
|
||
font-size: 13px; color: rgba(255,255,255,0.4);
|
||
}
|
||
.stats strong { color: rgba(255,255,255,0.7); }
|
||
.footer {
|
||
position: absolute; bottom: 28px; left: 80px; right: 80px;
|
||
display: flex; justify-content: space-between; z-index: 1;
|
||
}
|
||
.footer span { font-size: 11px; color: rgba(255,255,255,0.2); letter-spacing: 1px; }
|
||
</style>
|
||
<link rel="stylesheet" href="/style.css">
|
||
<link rel="canonical" href="https://sxbh.ltd/github-cover.html">
|
||
<link rel="icon" href="/favicon.ico" sizes="any">
|
||
<link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png">
|
||
<link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png">
|
||
</head>
|
||
<body>
|
||
<div class="cover">
|
||
<div class="grid-bg"></div>
|
||
<div class="octo">🐙</div>
|
||
<div class="content">
|
||
<div class="badge">GITHUB 从入门到实战</div>
|
||
<h1><span class="hl">GitHub</span> 从入门到实战</h1>
|
||
<div class="sub1">注册 · 2FA · 建仓库 · 搜索 · 协作 · CI/CD</div>
|
||
<div class="sub2">结合 Hermes 多 Agent 架构的精进之路</div>
|
||
<div class="stats">
|
||
<span>Hermes Agent <strong>⭐203K</strong></span>
|
||
<span>superpowers <strong>⭐238K</strong></span>
|
||
<span>OpenClaw <strong>⭐380K</strong></span>
|
||
</div>
|
||
</div>
|
||
<div class="footer">
|
||
<span>HERMES × GITHUB</span>
|
||
<span>2026.06</span>
|
||
</div>
|
||
</div>
|
||
<!-- sxbh-legal-links -->
|
||
<footer style="background:#f4f6f8;border-top:1px solid #e2e8f0;color:#475569;text-align:center;padding:22px 16px;font-size:13px;line-height:2;">
|
||
<a href="/privacy.html" style="color:#0e7490;text-decoration:underline;">隐私政策</a>
|
||
<span style="margin:0 10px;color:#94a3b8;">|</span>
|
||
<a href="/terms.html" style="color:#0e7490;text-decoration:underline;">服务条款</a>
|
||
<div style="font-size:12px;color:#64748b;margin-top:8px;">© 2026 陕西博海网络科技有限公司</div>
|
||
</footer>
|
||
</body>
|
||
</html>
|