Hermes CI FixandHermes AI
e1a9b25afa
- nginx 安全加固 (CSP, HSTS, 缓存策略) - 共享 style.css - 138个页面全部接入 Co-authored-by: Hermes AI <agent@hermes>
86 lines
2.9 KiB
HTML
86 lines
2.9 KiB
HTML
<!DOCTYPE html>
|
||
<html lang="zh-CN">
|
||
<head>
|
||
<meta charset="UTF-8">
|
||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||
<title>封面</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">
|
||
</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>
|
||
</body>
|
||
</html>
|