Update layout to use external CSS and improve styling

dadongshangu · dadongshangu · commit 73b5fc84338f · 2026-01-11T11:30:26.000+08:00
diff --git a/_layouts/default.html b/_layouts/default.html
@@ -3,7 +3,8 @@
 <head>
     <meta charset="UTF-8">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
-    <title>{{ page.title }} - {{ site.title }}</title>
+    <title>{% if page.title %}{{ page.title }} - {% endif %}{{ site.title }}</title>
+    <link rel="stylesheet" href="{{ '/assets/css/navigation.css' | relative_url }}">
     <style>
         body {
             font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif;
@@ -12,59 +13,47 @@
             margin: 0 auto;
             padding: 20px;
             color: #333;
-        }
-        .navigation {
-            display: flex;
-            justify-content: space-between;
-            align-items: center;
-            margin: 40px 0;
-            padding: 20px;
-            background: #f5f5f5;
-            border-radius: 8px;
-            flex-wrap: wrap;
-        }
-        .nav-item {
-            flex: 1;
-            min-width: 150px;
-        }
-        .nav-item.center {
-            text-align: center;
-        }
-        .nav-item.right {
-            text-align: right;
-        }
-        .nav-label {
-            margin: 0;
-            color: #666;
-            font-size: 14px;
-        }
-        .nav-link {
-            margin: 5px 0 0 0;
-        }
-        .nav-link a {
+            background: #fff;
+        }
+        h1, h2, h3, h4, h5, h6 {
+            margin-top: 24px;
+            margin-bottom: 16px;
+            font-weight: 600;
+            line-height: 1.25;
+        }
+        code {
+            background: #f6f8fa;
+            padding: 2px 6px;
+            border-radius: 3px;
+            font-family: "SFMono-Regular", Consolas, "Liberation Mono", Menlo, monospace;
+            font-size: 85%;
+        }
+        pre {
+            background: #f6f8fa;
+            padding: 16px;
+            border-radius: 6px;
+            overflow: auto;
+        }
+        table {
+            border-collapse: collapse;
+            width: 100%;
+            margin: 16px 0;
+        }
+        table th, table td {
+            border: 1px solid #dfe2e5;
+            padding: 6px 13px;
+        }
+        table th {
+            background: #f6f8fa;
+            font-weight: 600;
+        }
+        a {
             color: #0366d6;
             text-decoration: none;
         }
-        .nav-link a:hover {
+        a:hover {
             text-decoration: underline;
         }
-        .nav-disabled {
-            color: #999;
-            margin: 5px 0 0 0;
-        }
-        .nav-link a {
-            font-weight: 500;
-        }
-        @media (max-width: 768px) {
-            .navigation {
-                flex-direction: column;
-                gap: 15px;
-            }
-            .nav-item {
-                text-align: center !important;
-                width: 100%;
-            }
-        }
     </style>
 </head>
 <body>
