Initial commit: Astro blog scaffold with CI/CD

2026-09-06 04:18:16 +08:00
commit 8372d5e659
15 changed files with 5976 additions and 0 deletions
@@ -0,0 +1,75 @@
+---
+interface Props {
+  title: string;
+  description?: string;
+  lang?: string;
+}
+
+const { title, description = 'Personal blog of Hoelee — engineering, DevOps, AI, and self-hosting.', lang = 'en' } = Astro.props;
+---
+
+<!doctype html>
+<html lang={lang}>
+  <head>
+    <meta charset="UTF-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <meta name="description" content={description} />
+    <meta name="generator" content={Astro.generator} />
+    <title>{title}</title>
+    <style>
+      :root {
+        --fg: #1a1a1a;
+        --muted: #6b7280;
+        --accent: #2563eb;
+        --bg: #ffffff;
+        --code-bg: #f3f4f6;
+      }
+      @media (prefers-color-scheme: dark) {
+        :root {
+          --fg: #e5e7eb;
+          --muted: #9ca3af;
+          --accent: #60a5fa;
+          --bg: #111827;
+          --code-bg: #1f2937;
+        }
+      }
+      * { box-sizing: border-box; }
+      body {
+        margin: 0;
+        font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
+        line-height: 1.6;
+        color: var(--fg);
+        background: var(--bg);
+      }
+      main { max-width: 720px; margin: 0 auto; padding: 2rem 1.5rem 4rem; }
+      header.nav {
+        max-width: 720px; margin: 0 auto; padding: 1.5rem 1.5rem 0;
+        display: flex; gap: 1rem; align-items: baseline;
+      }
+      header.nav a { color: var(--muted); text-decoration: none; }
+      header.nav a:hover { color: var(--accent); }
+      header.nav .brand { font-weight: 700; color: var(--fg); margin-right: auto; }
+      h1, h2, h3 { line-height: 1.25; }
+      a { color: var(--accent); }
+      article a { text-decoration: underline; }
+      code { background: var(--code-bg); padding: 0.15em 0.4em; border-radius: 4px; font-size: 0.9em; }
+      pre { background: var(--code-bg); padding: 1rem; border-radius: 8px; overflow-x: auto; }
+      pre code { background: none; padding: 0; }
+      time { color: var(--muted); font-size: 0.9rem; }
+      .post-list { list-style: none; padding: 0; }
+      .post-list li { margin-bottom: 1.5rem; }
+      .post-list h2 { margin: 0 0 0.25rem; }
+      .tag { display: inline-block; background: var(--code-bg); color: var(--muted); padding: 0.1em 0.5em; border-radius: 999px; font-size: 0.8rem; margin-right: 0.4rem; }
+    </style>
+  </head>
+  <body>
+    <header class="nav">
+      <a class="brand" href="/">hoelee.dev</a>
+      <a href="/about/">about</a>
+      <a href="/posts/">posts</a>
+    </header>
+    <main>
+      <slot />
+    </main>
+  </body>
+</html>