index.html

<!doctype html>
<html lang="zh-CN">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>showhoo</title>
<meta name="description" content="showhoo's homepage on GitHub Pages">
<style>
  :root { color-scheme: light dark; }
  * { box-sizing: border-box; }
  body {
    font-family: -apple-system, "Segoe UI", "PingFang SC", "Microsoft YaHei", sans-serif;
    margin: 0; min-height: 100vh;
    display: flex; align-items: center; justify-content: center;
    background: #0d1117; color: #e6edf3;
  }
  main { text-align: center; padding: 2rem; }
  h1 { font-size: 2.2rem; margin: 0 0 .4rem; letter-spacing: .02em; }
  .sub { color: #8b949e; margin: 0 0 1.8rem; font-size: .95rem; }
  nav { display: flex; gap: .75rem; justify-content: center; flex-wrap: wrap; }
  nav a {
    color: #e6edf3; text-decoration: none; font-size: .95rem;
    border: 1px solid #30363d; border-radius: 6px; padding: .5rem 1rem;
  }
  nav a:hover { border-color: #8b949e; background: #161b22; }
  nav a span { color: #8b949e; margin-left: .4rem; font-size: .82rem; }
</style>
</head>
<body>
<main>
  <h1>showhoo</h1>
  <p class="sub">GitHub Pages &middot; @showhoo</p>
  <nav>
    <a href="https://github.com/showhoo">GitHub</a>
    <a href="https://github.com/showhoo/itswe">itswe <span>建站文档</span></a>
    <a href="https://www.itswe.com">itswe.com <span>思维接触网百科</span></a>
    <a href="https://nav.itswe.com">nav.itswe.com <span>导航</span></a>
  </nav>
</main>
</body>
</html>