添加留言板

Author: CatCodeMe

src/pages/msgboard/index.astro

@@ -0,0 +1,20 @@
+---
+import PageLayout from '@/layouts/CommonPage.astro';
+import { Comment } from '@/components/waline'
+---
+
+<PageLayout 
+  title="留言板" 
+  info={{ slug: '/msgboard', comment: false, view: false }}
+>
+  <div class="text-center max-w-2xl mx-auto">
+    <h1 class="text-4xl font-bold tracking-tight">欢迎留言</h1>
+    <p class="mt-4 text-lg text-muted-foreground">
+      很高兴看到你. 欢迎分享你的想法, 或只是简单地打个招呼.
+    </p>
+  </div>
+
+  <div class="mt-16 max-w-4xl mx-auto">
+    <Comment />
+  </div>
+</PageLayout>

src/site.config.ts

@@ -1,6 +1,13 @@
 import type { Config, IntegrationUserConfig, ThemeUserConfig } from 'packages/pure/types';
+
+
+
 import type { CardListData } from 'astro-pure/types';
 
+
+
+
+
 export const theme: ThemeUserConfig = {
   // === Basic configuration ===
   /** Title for your website. Will be used in metadata and as browser tab title. */
@@ -50,12 +57,12 @@ export const theme: ThemeUserConfig = {
   /** Configure the header of your site. */
   header: {
     menu: [
-      { title: 'Blog', link: '/blog' },
-      { title: 'Archives', link: '/archives' },
+      { title: '文章', link: '/blog' },
+      { title: '归档', link: '/archives' },
       // { title: 'Projects', link: '/projects' },
-      { title: 'Cats', link: '/cats' },
-      // { title: 'Links', link: '/links' },
-      { title: 'About', link: '/about' }
+      { title: '🐱', link: '/cats' },
+      { title: '留言板', link: '/msgboard' },
+      { title: '关于', link: '/about' }
     ]
   },
 
@@ -149,6 +156,7 @@ export const integ: IntegrationUserConfig = {
     emoji: ['qq'],
     additionalConfigs: {
       search: false, //表情包搜索
+      lang: 'zh-CN',
       meta: ['nick', 'mail'],
       requiredMeta: ['nick'],
       // reaction: true,
@@ -157,7 +165,7 @@ export const integ: IntegrationUserConfig = {
         '/waline/2.png',
         '/waline/3.png',
         '/waline/4.png',
-        '/waline/5.png',
+        '/waline/5.png'
       ],
       pageview: true, //页面 pv
       comment: true, //页面评论数