Merge branch 'refs/heads/main' into prod

README.md

@@ -42,6 +42,7 @@ pnpm new
 - [ ] AI摘要
 - [ ] 置顶
 - [ ] lazy load image and CLS
+- [ ] twikoo_visitors
 
 ## 谁在使用 Astro Blur?
 

package.json

@@ -1,7 +1,7 @@
 {
   "name": "astro-blur",
   "type": "module",
-  "version": "0.0.2",
+  "version": "0.0.3",
   "scripts": {
     "dev": "astro dev",
     "start": "astro dev",

src/components/BaseHead.astro

@@ -27,7 +27,9 @@ const {title, description, image} = Astro.props;
 <!-- Primary Meta Tags -->
 <title>{title}</title>
 <meta name="title" content={title}/>
+<meta name="keywords" content={siteConfig.keywords}/>
 <meta name="description" content={description}/>
+<meta name="author" content={siteConfig.author}/>
 
 <!-- Open Graph / Facebook -->
 <meta property="og:type" content="website"/>

src/components/Header.astro

@@ -4,12 +4,12 @@ import {Icon} from 'astro-icon/components'
 ---
 
 <header class="fixed h-16 w-full blur-global">
-    <nav class="container-global h-full flex items-center">
+    <div class="container-global h-full flex items-center">
         <h1 class="text-xl font-bold cursor-pointer">
             <a href="/">{siteConfig.title}</a>
         </h1>
 
-        <div class="ml-auto max-sm:hidden">
+        <nav class="ml-auto max-sm:hidden">
             {
                 navBarConfig.links.map((link) => {
                     return (
@@ -18,10 +18,10 @@ import {Icon} from 'astro-icon/components'
                     )
                 })
             }
-        </div>
+        </nav>
         <div class="ml-auto hidden max-sm:flex icon-button cursor-pointer relative group">
             <Icon class="w-6 h-6 m-auto" name="material-symbols:menu-rounded"/>
-            <div class="absolute top-8 -left-full rounded-xl shadow-xl bg-base hidden group-hover:block animate-in fade-in">
+            <nav class="absolute top-8 -left-full rounded-xl shadow-xl bg-base hidden group-hover:block animate-in fade-in">
                 {
                     navBarConfig.links.map((link) => {
                         return (
@@ -34,10 +34,10 @@ import {Icon} from 'astro-icon/components'
                         )
                     })
                 }
-            </div>
+            </nav>
         </div>
         <button id="theme" class="ml-8 max-sm:ml-4 icon-button"></button>
-    </nav>
+    </div>
 </header>
 
 <script is:inline>

src/config.ts

@@ -2,6 +2,7 @@ export const siteConfig: SiteConfig = {
     title: "Hi! Jazee",
     language: "zh",
     description: "Jazee's personal blog. Powered by Astro Blog Theme Blur.",
+    keywords: "Jazee, blog, personal blog, Astro, Astro Blog Theme Blur",
     author: "Jazee",
     avatar: "/avatar.png",
     favicon: "/favicon.png",
@@ -41,6 +42,7 @@ interface SiteConfig {
     title: string
     language: string
     description: string
+    keywords: string
     author: string
     avatar: string
     favicon: string

src/styles/global.css

@@ -65,7 +65,7 @@
 }
 
 .tk-footer {
-    @apply invisible
+    @apply hidden
 }
 
 body.dark .astro-code,