style(theme): expand color palettes and refine dark mode styles

- Expand CSS variables for primary and secondary colors to include full 50-950 scales in `main.css`.
- Update components to reference specific color shades (e.g., `primary-400`, `secondary-200`) instead of generic variables.
- Add dark mode background and text colors to Events, Hall of Fame, and Index sections.
- Adjust image aspect ratio in the Events component.

app/assets/css/main.css

@@ -5,5 +5,32 @@
 
 @theme {
   --color-primary: #fb9e3a;
+  --color-primary-50: #fff8f0;
+  --color-primary-100: #feecd8;
+  --color-primary-200: #fdd4ab;
+  --color-primary-300: #fbb674;
+  --color-primary-400: #fb9e3a;
+  --color-primary-500: #f9840a;
+  --color-primary-600: #dd6b06;
+  --color-primary-700: #b74f07;
+  --color-primary-800: #943e0d;
+  --color-primary-900: #7a340e;
+  --color-primary-950: #461902;
+
   --color-secondary: #fcef91;
+  --color-secondary-50: #fffeea;
+  --color-secondary-100: #fffbc5;
+  --color-secondary-200: #fcef91;
+  --color-secondary-300: #f9df53;
+  --color-secondary-400: #f6ca24;
+  --color-secondary-500: #e6b010;
+  --color-secondary-600: #c6880a;
+  --color-secondary-700: #9e610c;
+  --color-secondary-800: #834d12;
+  --color-secondary-900: #6f3f15;
+  --color-secondary-950: #412008;
+}
+
+.dark {
+  --color-gray-800: oklch(85% 0 275);
 }

app/components/index/Events.vue

@@ -1,23 +1,23 @@
 <template>
   <!-- 活动模块 -->
-  <UPageSection title="校友活动" class="bg-gray-100">
+  <UPageSection title="校友活动" class="bg-gray-100 dark:bg-slate-800">
     <UPageGrid>
       <div
         v-for="event in events"
         :key="event.id"
-        class="bg-white shadow rounded-xl"
+        class="bg-white dark:bg-slate-700 shadow rounded-xl"
       >
         <img
           :src="event.cover"
           :alt="event.title"
-          class="w-full aspect-[16/9] object-cover rounded-t-xl"
+          class="w-full aspect-video object-cover rounded-t-xl"
         />
         <div class="p-6">
           <h4 class="font-semibold text-lg mb-2">{{ event.title }}</h4>
-          <p class="text-sm text-gray-600 mb-1">
+          <p class="text-sm text-gray-600 dark:text-gray-400 mb-1">
             日期：{{ useChineseDateFormat(event.date) }}
           </p>
-          <p class="text-sm text-gray-600 mb-4">地点：{{ event.location }}</p>
+          <p class="text-sm text-gray-600 dark:text-gray-400 mb-4">地点：{{ event.location }}</p>
           <UButton
             label="阅读详情"
             :to="event.path"
@@ -31,7 +31,11 @@
 
 <script lang="ts" setup>
 const { data: events } = await useAsyncData("events", () =>
-  queryCollection("events").order("date", "DESC").limit(3).all()
+  queryCollection("events")
+    .where("draft", "=", false)
+    .order("date", "DESC")
+    .limit(3)
+    .all()
 );
 </script>
 

app/components/index/HallOfFame.vue

@@ -10,10 +10,10 @@
         <img
           :src="person.photo"
           :alt="person.name"
-          class="w-40 rounded-full border-primary border-4"
+          class="w-40 rounded-full border-primary-400 border-4"
         />
         <h4 class="text-lg font-bold">{{ person.name }}</h4>
-        <p class="text-sm text-gray-500">{{ person.title }}</p>
+        <p class="text-sm text-gray-500 dark:text-gray-400">{{ person.title }}</p>
       </div>
     </div>
   </UPageSection>

app/error.vue

@@ -164,7 +164,7 @@ const errorColor = computed(() => {
               <button
                 @click="goHome"
                 class="px-5 py-2.5 rounded-md text-white font-medium transition-colors flex items-center gap-2"
-                style="background-color: var(--color-primary)"
+                style="background-color: var(--color-primary-400)"
               >
                 <span>返回首页</span>
               </button>

app/layouts/default.vue

@@ -12,7 +12,7 @@
           <div class="flex gap-4 items-center">
             <img class="inline h-12 w-auto" src="/Logo.svg" alt="YPHS Alumni" />
             <h1
-              class="text-xl font-bold text-gray-900 hover:text-primary hidden md:inline"
+              class="text-xl font-bold text-gray-900 hover:text-primary-400 hidden md:inline"
             >
               永平中学校友会
             </h1>

app/pages/about/founded-history.vue

@@ -131,7 +131,7 @@
                   :class="[
                     'px-4',
                     'py-2',
-                    idx < 2 ? 'font-bold text-primary' : '',
+                    idx < 2 ? 'font-bold text-primary-400' : '',
                   ]"
                 >
                   {{ donor.amount }}
@@ -167,7 +167,7 @@
                   {{ money.format(serviceDonor.amount) }}
                 </td>
               </tr>
-              <tr class="bg-amber-50 font-semibold text-primary">
+              <tr class="bg-amber-50 font-semibold text-primary-400">
                 <td class="px-4 py-2">总额</td>
                 <td class="px-4 py-2">专业服务及装修项目</td>
                 <td class="px-4 py-2">{{ money.format(33170) }}</td>

app/pages/about/org-structure/[slug].vue

@@ -49,7 +49,7 @@ useSeoMeta({
   ogTitle: "永平中学校友会组织架构",
   ogDescription:
     "了解永平中学校友会的领导团队、职能与专项部门，见证校友情谊与组织力量。",
-  ogImage: "/org-structure/ogImage.png",
+  ogImage: "https://img.yphsalumni.org/i/2025/11/28/qq4k4z.png",
   ogType: "website",
 });
 
@@ -64,7 +64,7 @@ const orgStructure = ref([
     name: "李煜斌",
     position: "主席",
     category: "领导团队",
-    photo: "/org-structure/李煜斌.png",
+    photo: "https://img.yphsalumni.org/i/2025/11/28/qm2sjz.png",
     description:
       "全面领导与战略决策，统筹理事会整体工作，确保组织愿景与使命的实现。",
   },
@@ -72,154 +72,154 @@ const orgStructure = ref([
     name: "郑惠忠",
     position: "副主席",
     category: "领导团队",
-    photo: "/org-structure/郑惠忠.png",
+    photo: "https://img.yphsalumni.org/i/2025/11/28/qm3nod.png",
     description: "协助主席制定战略方向，分管外部关系与合作伙伴发展。",
   },
   {
     name: "陈月丽",
     position: "副主席",
     category: "领导团队",
-    photo: "/org-structure/陈月丽.png",
+    photo: "https://img.yphsalumni.org/i/2025/11/28/qm41qp.png",
     description: "协助主席处理内部事务，分管人力资源与组织文化建设。",
   },
   {
     name: "余东照",
     position: "副主席",
     category: "领导团队",
-    photo: "/org-structure/余东照.png",
+    photo: "https://img.yphsalumni.org/i/2025/11/28/qm4izj.png",
     description: "协助主席推动重点项目，分管创新业务与发展规划。",
   },
   {
     name: "蓝宜宏",
     position: "秘书",
     category: "职能部门",
-    photo: "/org-structure/蓝宜宏.png",
+    photo: "https://img.yphsalumni.org/i/2025/11/28/qmrsai.png",
     description: "文件管理、会议组织、行政协调与日常事务处理。",
   },
   {
     name: "陈冠宇",
     position: "副秘书",
     category: "职能部门",
-    photo: "/org-structure/陈冠宇.png",
+    photo: "https://img.yphsalumni.org/i/2025/11/28/qms4el.png",
     description: "协助秘书处理文档、会议安排与行政支持工作。",
   },
   {
     name: "余粝栎",
     position: "财政",
     category: "职能部门",
-    photo: "/org-structure/余粝栎.png",
+    photo: "https://img.yphsalumni.org/i/2025/11/28/qmsnhy.png",
     description: "全面财务管理、预算控制、资金运作与财务报告。",
   },
   {
     name: "曾国书",
     position: "副财政",
     category: "职能部门",
-    photo: "/org-structure/曾国书.jpg",
+    photo: "https://img.yphsalumni.org/i/2025/11/28/qmslmm.jpg",
     description: "协助财政处理账务、报销与日常财务管理工作。",
   },
   {
     name: "颜志宝",
     position: "总务",
     category: "职能部门",
-    photo: "/org-structure/颜志宝.png",
+    photo: "https://img.yphsalumni.org/i/2025/11/28/qnfyb0.png",
     description: "物资采购、资产管理、场地协调与后勤保障服务。",
   },
   {
     name: "温敬富",
     position: "副总务",
     category: "职能部门",
-    photo: "/org-structure/温敬富.png",
+    photo: "https://img.yphsalumni.org/i/2025/11/28/qnglal.png",
     description: "协助总务处理物资管理、设备维护与后勤支持。",
   },
   {
     name: "胡少菲",
     position: "康乐",
     category: "职能部门",
-    photo: "/org-structure/胡少菲.png",
+    photo: "https://img.yphsalumni.org/i/2025/11/28/qnre6r.png",
     description: "文化活动策划、康乐项目组织与会员联谊活动。",
   },
   {
     name: "林剑宝",
     position: "副康乐",
     category: "职能部门",
-    photo: "/org-structure/林剑宝.png",
+    photo: "https://img.yphsalumni.org/i/2025/11/28/qns52y.png",
     description: "协助文康组织文体活动、兴趣小组与社交聚会。",
   },
   {
     name: "余美枫",
     position: "福利主任",
     category: "专项部门",
-    photo: "/org-structure/余美枫.png",
+    photo: "https://img.yphsalumni.org/i/2025/11/28/qodchd.png",
     description: "会员福利规划、实施与评估，提升会员满意度。",
   },
   {
     name: "郑惠国",
     position: "副福利主任",
     category: "专项部门",
-    photo: "/org-structure/郑惠国.png",
+    photo: "https://img.yphsalumni.org/i/2025/11/28/qoe3ua.png",
     description: "协助会员福利规划、实施与评估，提升会员满意度。",
   },
   {
     name: "程靖原",
     position: "会员籍暨咨询管理",
     category: "专项部门",
-    photo: "/org-structure/程靖原.png",
+    photo: "https://img.yphsalumni.org/i/2025/11/28/qof326.png",
     description: "会员信息管理、咨询服务提供与会员关系维护。",
   },
   {
     name: "许福源",
     position: "副会员籍暨咨询管理",
     category: "专项部门",
-    photo: "/org-structure/许福源.png",
+    photo: "https://img.yphsalumni.org/i/2025/11/28/qog4aa.png",
     description: "协助会员管理、咨询响应与信息系统维护。",
   },
   {
     name: "麦祖奕",
     position: "副会员籍暨咨询管理",
     category: "专项部门",
-    photo: "/org-structure/麦祖奕.png",
+    photo: "https://img.yphsalumni.org/i/2025/11/28/qoo8lx.png",
     description: "协助会员管理、咨询响应与信息系统开发。",
   },
   {
     name: "许浩铭",
     position: "奖励金主任",
     category: "专项部门",
-    photo: "/org-structure/许浩铭.png",
+    photo: "https://img.yphsalumni.org/i/2025/11/28/qoos64.png",
     description: "奖励金制度设计、评审组织与发放管理。",
   },
   {
     name: "黄楚茵",
     position: "副奖励金主任",
     category: "专项部门",
-    photo: "/org-structure/黄楚茵.png",
+    photo: "https://img.yphsalumni.org/i/2025/11/28/qoxrim.png",
     description: "协助奖励金评审、资料审核与发放流程管理。",
   },
   {
     name: "陈廷添",
     position: "理事",
     category: "专项部门",
-    photo: "/org-structure/陈廷添.png",
+    photo: "https://img.yphsalumni.org/i/2025/11/28/qoyjo8.png",
     description: "参与理事会决策、专项工作推进与建议提出。",
   },
   {
     name: "邱康勤",
     position: "理事",
     category: "专项部门",
-    photo: "/org-structure/邱康勤.png",
+    photo: "https://img.yphsalumni.org/i/2025/11/28/qp8tni.png",
     description: "参与理事会决策、专项工作推进与建议提出。",
   },
   {
     name: "张键国",
     position: "稽查",
     category: "专项部门",
-    photo: "/org-structure/张键国.png",
+    photo: "https://img.yphsalumni.org/i/2025/11/28/qp99ia.png",
     description: "内部审计、合规监督与风险控制管理。",
   },
   {
     name: "许皓杰",
     position: "稽查",
     category: "专项部门",
-    photo: "/org-structure/许皓杰.png",
+    photo: "https://img.yphsalumni.org/i/2025/11/28/qp9l0z.png",
     description: "内部审计、合规监督与风险控制管理。",
   },
 ]);

app/pages/events/[slug].vue

@@ -1,24 +1,19 @@
 <template>
-  <div class="min-h-screen bg-white">
-    <!-- 装饰性背景元素（浅色柔和光晕） -->
-    <div class="fixed inset-0 overflow-hidden pointer-events-none">
-      <div class="absolute -top-40 -right-40 w-80 h-80 bg-blue-100/40 rounded-full blur-3xl"></div>
-      <div class="absolute -bottom-40 -left-40 w-80 h-80 bg-purple-100/40 rounded-full blur-3xl"></div>
-      <div
-        class="absolute top-1/2 left-1/2 transform -translate-x-1/2 -translate-y-1/2 w-96 h-96 bg-cyan-100/40 rounded-full blur-3xl">
-      </div>
-    </div>
-
+  <div class="min-h-screen">
     <section class="relative py-16 px-4 sm:px-6 lg:px-8">
       <div class="container mx-auto max-w-4xl">
         <!-- 内容卡片 -->
         <div class="relative">
           <!-- 卡片装饰边框（浅色渐变） -->
-          <div class="absolute inset-0 bg-gradient-to-r from-blue-100 to-purple-100 rounded-2xl blur-sm"></div>
+          <!-- <div class="absolute inset-0 bg-linear-to-r from-blue-100 to-purple-100 rounded-2xl blur-sm"></div> -->
 
-          <div class="relative bg-white rounded-xl border border-gray-200 shadow-xl overflow-hidden">
+          <div
+            class="relative rounded-xl border border-gray-200 shadow-xl overflow-hidden"
+          >
             <!-- 顶部装饰条（明亮渐变） -->
-            <div class="h-1 bg-gradient-to-r from-blue-400 via-purple-400 to-cyan-400"></div>
+            <div
+              class="h-1 bg-linear-to-r from-blue-400 via-purple-400 to-cyan-400"
+            ></div>
 
             <div class="p-8 sm:p-10 lg:p-12">
               <!-- 内容渲染器 -->
@@ -26,16 +21,32 @@
                 <ContentRenderer :value="event ?? {}">
                   <template #empty>
                     <div class="text-center py-16">
-                      <div class="inline-flex items-center justify-center w-16 h-16 bg-blue-100 rounded-full mb-4">
-                        <svg class="w-8 h-8 text-blue-500 animate-spin" fill="none" viewBox="0 0 24 24">
-                          <circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4">
-                          </circle>
-                          <path class="opacity-75" fill="currentColor"
-                            d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z">
-                          </path>
+                      <div
+                        class="inline-flex items-center justify-center w-16 h-16 bg-blue-100 rounded-full mb-4"
+                      >
+                        <svg
+                          class="w-8 h-8 text-blue-500 animate-spin"
+                          fill="none"
+                          viewBox="0 0 24 24"
+                        >
+                          <circle
+                            class="opacity-25"
+                            cx="12"
+                            cy="12"
+                            r="10"
+                            stroke="currentColor"
+                            stroke-width="4"
+                          ></circle>
+                          <path
+                            class="opacity-75"
+                            fill="currentColor"
+                            d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"
+                          ></path>
                         </svg>
                       </div>
-                      <p class="text-gray-700 text-lg font-medium">内容加载中...</p>
+                      <p class="text-gray-700 text-lg font-medium">
+                        内容加载中...
+                      </p>
                       <p class="text-gray-400 text-sm mt-2">请稍等片刻</p>
                     </div>
                   </template>
@@ -50,16 +61,43 @@
 </template>
 
 <script lang="ts" setup>
-const route = useRoute()
-const { data: event } = await useAsyncData('event-detail', () =>
-  queryCollection('events')
-    .path(`/events/${route.params.slug}`)
-    .first()
-)
+const route = useRoute();
+const { data: event } = await useAsyncData("event-detail", () =>
+  queryCollection("events").path(`/events/${route.params.slug}`).first()
+);
 
-useHead({
-  title: event.value?.title
-})
+if (event.value) {
+  // 1. 确定图片：优先用 ogImage，没有就用 cover
+  const shareImage = event.value.ogImage || event.value.cover;
+
+  // 2. 确定标题和描述：优先用 seoTitle，没有就用 title
+  const shareTitle = event.value.seoTitle || event.value.title;
+  const shareDesc = event.value.seoDescription || event.value.description;
+
+  // 3. 注入 SEO
+  useSeoMeta({
+    // 基础
+    title: shareTitle,
+    description: shareDesc,
+
+    // Open Graph (Facebook / WhatsApp)
+    ogTitle: shareTitle,
+    ogDescription: shareDesc,
+    ogImage: shareImage,
+    ogType: "article",
+
+    // Twitter Card
+    twitterCard: "summary_large_image",
+    twitterTitle: shareTitle,
+    twitterDescription: shareDesc,
+    twitterImage: shareImage,
+  });
+
+  // 如果你用了 nuxt-og-image 模块生成动态图
+  if (shareImage) {
+    defineOgImage({ url: shareImage });
+  }
+}
 </script>
 
 <style scoped></style>

app/pages/events/index.vue

@@ -12,7 +12,11 @@
 import type { ChangelogVersionProps } from "@nuxt/ui";
 
 const { data: events } = await useAsyncData("events", () =>
-  queryCollection("events").order("date", "DESC").limit(3).all()
+  queryCollection("events")
+    .where("draft", "=", false)
+    .order("date", "DESC")
+    .limit(3)
+    .all()
 );
 
 // 将 news 数据转换成 UBlogPosts 可用格式

app/pages/index.vue

@@ -2,14 +2,8 @@
   <UPage>
     <!-- Hero Banner -->
     <UPageHero
-      class="bg-cover bg-center"
-      style="
-        background-image: url(&quot;/hero-image-2.jpg?v=2&quot;);
-        background-position-y: -40px;
-        background-repeat: no-repeat;
-        background-color: rgba(255, 255, 255, 0.5); /* Semi-transparent black */
-        background-blend-mode: lighten;
-      "
+      :class="heroClass"
+      :style="heroStyle"
       title="连接校友 · 传承精神"
       description="马来西亚柔佛永平中学校友会官方网站"
       :links="heroCta"
@@ -25,7 +19,7 @@
 
     <!-- 捐赠模块 -->
     <UPageCTA
-      class="bg-secondary"
+      class="bg-secondary-200 dark:bg-secondary-900"
       title="支持与捐赠（功能暂未开放）"
       description="您的捐赠将用于奖学金、校园建设及校友活动发展。感谢您对母校的支持！"
       :links="donationLinks"
@@ -40,6 +34,20 @@ useSeoMeta({
   title: "首页",
 });
 
+const colorMode = useColorMode()
+const heroClass = 'bg-cover bg-center'
+const heroStyle = computed(() => ({
+  backgroundImage: colorMode.value === 'dark' 
+    ? 'url("https://img.yphsalumni.org/i/2025/11/28/qzxrpq.png")'
+    : 'url("https://img.yphsalumni.org/i/2025/11/28/qk9fe8.png")',
+  backgroundPositionY: '-40px',
+  backgroundRepeat: 'no-repeat',
+  backgroundColor: colorMode.value === 'dark' 
+    ? 'rgba(0, 0, 0, 0.5)' 
+    : 'rgba(255, 255, 255, 0.5)',
+  backgroundBlendMode: colorMode.value === 'dark' ? 'darken' : 'lighten'
+}))
+
 const heroCta = ref([
   {
     label: "立即加入我们",

app/pages/join-us/index.vue

@@ -113,7 +113,7 @@ const handleSubmit = () => {
 </script>
 
 <template>
-  <UPage class="bg-primary">
+  <UPage class="bg-primary-400">
     <div
       class="cursor-not-allowed fixed flex items-center justify-center min-h-screen min-w-screen bg-black opacity-50"
     >

app/pages/news/[slug].vue

@@ -18,16 +18,43 @@
 </template>
 
 <script lang="ts" setup>
-const route = useRoute()
-const { data: n } = await useAsyncData('new-detail', () =>
-  queryCollection('news')
-    .path(`/news/${route.params.slug}`)
-    .first()
-)
+const route = useRoute();
+const { data: n } = await useAsyncData("new-detail", () =>
+  queryCollection("news").path(`/news/${route.params.slug}`).first()
+);
 
-useHead({
-  title: n.value?.title
-})
+if (n.value) {
+  // 1. 确定图片：优先用 ogImage，没有就用 cover
+  const shareImage = n.value.ogImage || n.value.cover;
+
+  // 2. 确定标题和描述：优先用 seoTitle，没有就用 title
+  const shareTitle = n.value.seoTitle || n.value.title;
+  const shareDesc = n.value.seoDescription || n.value.description;
+
+  // 3. 注入 SEO
+  useSeoMeta({
+    // 基础
+    title: shareTitle,
+    description: shareDesc,
+
+    // Open Graph (Facebook / WhatsApp)
+    ogTitle: shareTitle,
+    ogDescription: shareDesc,
+    ogImage: shareImage,
+    ogType: "article",
+
+    // Twitter Card
+    twitterCard: "summary_large_image",
+    twitterTitle: shareTitle,
+    twitterDescription: shareDesc,
+    twitterImage: shareImage,
+  });
+
+  // 如果你用了 nuxt-og-image 模块生成动态图
+  if (shareImage) {
+    defineOgImage({ url: shareImage });
+  }
+}
 </script>
 
 <style></style>

content.config.ts

@@ -1,4 +1,5 @@
 import { defineContentConfig, defineCollection, z } from "@nuxt/content";
+import { asSeoCollection } from "@nuxtjs/seo/content";
 
 export default defineContentConfig({
   collections: {
@@ -12,10 +13,12 @@ export default defineContentConfig({
         date: z.coerce.date(),
         location: z.string(),
         cover: z.string().url(),
+        draft: z.boolean().optional().default(false),
       }),
     }),
     // 新闻集合
-    news: defineCollection({
+    news: defineCollection(
+      asSeoCollection({
         type: "page",
         source: "news/*.md",
         schema: z.object({
@@ -31,8 +34,10 @@ export default defineContentConfig({
           seoTitle: z.string().optional(),
           seoDescription: z.string().optional(),
           ogImage: z.string().optional(),
+          draft: z.boolean().optional().default(false),
         }),
-    }),
+      })
+    ),
     // 名人堂
     hallOfFames: defineCollection({
       type: "page",

content/events/20250927-return-to-school.md

@@ -3,16 +3,16 @@ title: "927 永中 • 钟意你"
 subtitle: "永中校友会 39周年庆" 
 date: "2025-09-27"
 location: "永平中学校园"
-cover: "/events/20250927-return-to-school/event-photo-1.jpg"
+cover: "https://img.yphsalumni.org/i/2025/11/28/qr1l7k.jpg"
 ---
 # 永中校友会39周年会庆午宴 温馨欢聚350人
 
-![来宾打卡照](/events/20250927-return-to-school/event-photo-1.jpg)
+![来宾打卡照](https://img.yphsalumni.org/i/2025/11/28/qr1l7k.jpg)
 来宾打卡照（星洲日报记者，邹智敏摄）
 
 永平中学校友会于 9 月 27 日举办“927 永中·钟意你”39 周年会庆午宴，吸引约 350 位校友与社会贤达齐聚一堂，共度温馨时光，场面热闹盛大。
 
-![嘉宾合照](/events/20250927-return-to-school/event-photo-2.jpg)
+![嘉宾合照](https://img.yphsalumni.org/i/2025/11/28/qr1rrx.jpg)
 与会嘉宾向永中校友会献上祝福，左起：许敏捷、王飞兴、林添顺、李煜斌、刘镇东、蓝宜宏、傅庆隆、张嘉群及郑凯聪（星洲日报记者，邹智敏摄）
 
 本次会庆出席嘉宾包括：

content/events/20251009-roulian-xiaoyouhui-20th.md

@@ -3,11 +3,11 @@ title: "柔联校友会 20 届理事就职典礼"
 subtitle: "中学生写作比赛颁奖" 
 date: "2025-10-09"
 location: "富华冷气酒家 2 楼"
-cover: "/events/20251009-roulian-xiaoyouhui-20th/event-photo-1.jpg"
+cover: "https://img.yphsalumni.org/i/2025/11/28/qryfft.jpg"
 ---
 # 柔联校友会 20 届理事就职典礼
 
-![新届理事合照](/events/20251009-roulian-xiaoyouhui-20th/event-photo-1.jpg)
+![新届理事合照](https://img.yphsalumni.org/i/2025/11/28/qryfft.jpg)
 
 柔佛州华校校友联合会日前举办第 20 届理事就职典礼与 2025 年 “林赛花教育基金” 柔佛州中学生现场写作比赛颁奖典礼，由马来西亚华校校友会联合总会会长萧成兴担任监誓人。
 

content/events/20251115-graduation-ceremony-60.md

@@ -0,0 +1,113 @@
+---
+title: "永平中学第 60 届毕业典礼"
+subtitle: "暨初中第 67 届毕业典礼"
+date: "2025-11-15"
+location: "永平中学邱廉书礼堂"
+cover: "https://img.yphsalumni.org/i/2025/11/27/st6hzt.jpg"
+draft: false
+
+# SEO 主要字段
+description: "永平中学高中第 60 届与初中第 67 届毕业典礼圆满举行，师生与家长齐聚邱廉书礼堂，共同见证学子的重要里程碑，并向荣休教师刘连升老师致以诚挚祝福。"
+keywords:
+  - 永平中学
+  - 毕业典礼
+  - 高中第60届
+  - 初中第67届
+  - 校园活动
+  - 刘连升老师
+  - 永中校友会
+
+# --- SEO 专用字段 (对应你的 Zod Schema) ---
+
+# 对应 schema: seoTitle
+# 如果不填，代码里会默认使用 title
+seoTitle: "永平中学第 60 届毕业典礼｜初中第 67 届毕业典礼"
+
+# 对应 schema: seoDescription
+# 如果不填，代码里会默认使用 description
+seoDescription: "2025 年永平中学毕业典礼隆重举行，包含师长致辞、奖学金颁发、荣休老师欢送，以及学生精彩演出等精彩环节。"
+
+# 对应 schema: ogImage
+# 只有当你想要分享的图片和封面图不一样时才填，否则代码里会默认用 cover
+ogImage: "https://img.yphsalumni.org/i/2025/11/27/st6hzt.jpg"
+---
+
+# 永平中学高中第 60 届、初中第 67 届毕业典礼圆满举行
+
+![高三毕业生与嘉宾合照](https://img.yphsalumni.org/i/2025/11/27/st6hzt.jpg)
+
+2025 年 11 月 15 日，永平中学邱廉书礼堂见证了一个充满祝福与感动的重要时刻：高中第 60 届与初中第 67 届毕业典礼隆重举行。礼堂内座无虚席，毕业生、家长、师长与嘉宾齐聚一堂，共同庆祝学子们学习旅程的重要里程碑。
+
+经过六年的努力与成长，高三学生正式迎来人生的新阶段；初三毕业生亦迈向更高层次的挑战。典礼在庄严的国州歌声中启幕，掀开充满意义的一天。
+
+## 董事长马彣清博士致词（由代表宣读）
+
+![董事会秘书长黄仰力董事代表致辞](https://img.yphsalumni.org/i/2025/11/27/sndspp.jpg)
+
+因公务繁忙未克出席，马彣清董事长由董事会秘书长黄仰力董事代表致辞。他转达董事长的寄语：“成功从来不是侥幸，而是毅力不断累积的成果。” 同时肯定毕业生在求学路上的坚持，并勉励他们继续以积极态度面对未来。
+
+## 张嘉群校长三项叮咛：以品格与眼界开创未来
+
+![张嘉群校长致辞](https://img.yphsalumni.org/i/2025/11/27/smvqcm.jpg)
+
+张嘉群校长在致辞中寄语毕业生，并提出三项叮咛，期许他们在往后的道路上继续发光发热：
+
+### 叮咛一：永怀初心
+
+* 保持对学习的好奇与热情
+* 无论未来走得多远，都不要忘记自己最初的信念
+
+### 叮咛二：中正致远
+
+* 既要正直谦和，也要坚守原则
+* 不只追求速度，更追求稳健与长远
+
+### 叮咛三：站在巨人肩膀上成为巨人
+
+* 以董事、父母与师长为榜样
+* 持续成长，努力成为对国家、社会与家庭有贡献的人才
+
+## 柔佛州董联会主席兼校务顾问陈大锦先生致辞
+
+![董联会主席兼校务顾问陈大锦先生致辞](https://img.yphsalumni.org/i/2025/11/27/smxf8t.jpg)
+
+陈大锦先生分享了他访问上海中医药大学的见闻，特别是该校完善的奖助学金制度。他希望本校辅导处与升学资讯处能协助学生把握机会，踊跃申请明年 9 月开课的相关奖学金，为升学之路开拓更多可能。
+
+## 欢送刘连升老师光荣荣休
+
+![刘连升老师光荣荣休](https://img.yphsalumni.org/i/2025/11/27/spazik.jpg)
+
+在典礼上，校方特别举行了“欢送刘连升老师荣休”环节，为这位服务永平中学 35 年、深受师生爱戴的资深教师献上诚挚祝福。
+
+刘连升老师在任职期间，以其和蔼可亲的性格与渊博的历史知识，陪伴无数学生走过求学阶段。他不仅课堂上“聊古论今”，从古代帝王先烈谈到世界变迁，更在课余时与学生畅谈时事，从传统文化一路聊到新兴科技与 AI 技术，是学生眼中既严谨又风趣的良师益友。
+
+许多毕业生回忆，与刘老师的关系早已超越师生，成为无话不谈的朋友。他的教学风格温和细腻，待人真诚，使无数学子在成长路上深受启发。
+
+典礼现场气氛温馨感人，全体与会者向刘老师献上热烈掌声，感谢他 35 年来在校园里的付出与贡献。校方也祝愿刘老师退休生活悠然自得、健康安康，继续以他的人生智慧照亮身边的人。
+
+## 颁发董事长设立的奖学金
+
+典礼上同步进行董事长设立的各项奖学金颁发仪式，以表扬在学业、操行与综合表现上有卓越成绩的学生。
+（详见[图集](https://drive.google.com/drive/folders/1n3aRxxBwn-k6jzAOogV2ChBHKDA0c0qG)）
+
+## 特别演出：永中之星冠军林妤桐献唱
+
+![林妤桐学妹献唱](https://img.yphsalumni.org/i/2025/11/27/sr370l.jpg)
+
+在典礼进入高潮之前，校方安排了一场温馨惊喜表演 —— 第一届“永中之星”冠军、来自初三诚的林妤桐学妹献唱两首歌曲：《Forever Young》以及《凤凰花开的路口》。她以清亮而富感染力的歌声，向高三学长姐献上最真挚的祝福，也为典礼增添一份青春与深情的色彩。
+
+## 高三教师团队呈献毕业回忆视频
+
+随后，由高三各班班导师亲自策划的毕业回忆视频在礼堂大屏幕播出。画面记录了学生们在校园中的点点滴滴，从努力备考到日常生活，从欢笑到奋斗，皆在此刻化为珍贵回忆。
+
+校方希望学生们在未来面对困难与挫折时，也能记起这份勇敢、乐观与纯真，继续向前迈进。
+
+## 歌声中道别，在掌声中启航
+
+![高三毕业生合唱](https://img.yphsalumni.org/i/2025/11/27/ss2wuz.jpg)
+
+典礼尾声，高三毕业生深情演唱《再见》，而初三与高三学生共同合唱《毕业歌》，歌声回荡礼堂，为今年的毕业典礼写下温馨句点。现场气氛在歌声中变得格外动人，许多毕业生眼眶泛红，纷纷表示将铭记这一刻。
+
+上午 11 时正，典礼圆满结束。为感谢师生与来宾的参与，马彣清董事长特别准备了供 600 人享用的自助餐，设宴于礼堂楼下。现场气氛融洽温馨。同时，本校友会也成功招收 14 名新会员，为未来的发展注入新的力量。
+
+[2025 年毕业典礼图集](https://drive.google.com/drive/folders/1n3aRxxBwn-k6jzAOogV2ChBHKDA0c0qG)

content/news/20251001-official-web-launch.md

@@ -4,14 +4,13 @@ date: "2025-10-01"
 updated: "2025-10-01"
 author: "麦祖奕学长"
 description: "永中校友会官网正式上线，为校友提供最新资讯、活动报名及互动交流平台。"
-cover: "/news/20251001-official-web-launch/Screenshot.png"
+cover: "https://img.yphsalumni.org/i/2025/11/28/qqc3ft.png"
 tags: ["活动", "公告", "产品更新"]
 category: "通知"
 highlight: true
 seoTitle: "永中校友会官网上线 | 最新活动与资讯平台"
 seoDescription: "永中校友会官网正式上线，校友可在平台获取最新资讯、报名活动及参与互动。"
-ogImage: "/images/og/news-launch.jpg"
-slug: "/news/20251001-official-web-launch"
+ogImage: "https://img.yphsalumni.org/i/2025/11/28/qqc3ft.png"
 ---
 永中校友会官网正式上线啦！🎉
 

content/news/20251128-misunderstanding-yphsalumni-and-alumnigroup.md

@@ -0,0 +1,40 @@
+---
+title: "永平中学校友会与校友联络处的区别"
+date: "2025-11-28"
+updated: "2025-11-28"
+author: "永平中学校友会"
+description: "毕业校友常说“我都加入校友群组了”，实则误入了校友联络处。本文厘清其与永平中学校友会的区别与使命。"
+cover: "https://img.yphsalumni.org/i/2025/11/28/sbk8ue.jpeg"
+tags: ["永平中学", "校友会", "校友联络处", "区别", "公告"]
+category: "公告"
+highlight: true
+seoTitle: "永平中学校友会与校友联络处的区别 | 官方说明"
+seoDescription: "毕业校友常说“我都加入校友群组了”，实则误入了校友联络处。本文厘清其与永平中学校友会的区别与使命。"
+ogImage: "https://img.yphsalumni.org/i/2025/11/28/sbk8ue.jpeg"
+---
+
+**永平中学校友会致广大校友的一封信**
+
+亲爱的永平中学校友们：
+
+在近期的毕业典礼上，我们欣喜地听到许多新校友分享“我已加入校友群组”的喜悦。这份对母校的深切情谊，令我们深深感动。
+
+我们同时也注意到，部分校友可能产生了一个美丽的误会：大家加入的“校友联络处”群组，是由学校董事会设立的官方联络平台，主要负责校友信息的收集与传达。而我们所熟知的“永平中学校友会”，则是一个由历届毕业生**自发创建、独立运作的校友社区组织**。
+
+自成立以来，永平中学校友会始终秉承以下宗旨，由校友共建、为校友服务：
+
+- **联结校友情谊**：搭建纯粹、活跃的交流平台，让友谊跨越届别。
+- **支持母校发展**：凝聚校友力量，回馈我们共同的永平中学。
+- **推动教育、文化与社区活动**：举办丰富多彩的活动，丰富校友生活。
+- **建立校友与在校生之间的桥梁**：传承经验与关怀，助力学弟学妹成长。
+
+校友联络处与校友会，二者服务校友的初心一致，是相辅相成的伙伴。我们由衷欢迎每一位热心校友加入我们这个充满活力的毕业生社区，共同为母校的发展注入来自校友群体的独特力量！
+
+**加入我们，共同书写校友故事：**
+
+校友会官方平台：https://yphsalumni.org/
+
+<!-- 联系我们：[请在此处填入邮箱或具体负责人联系方式] -->
+
+永平中学校友会<br/>
+2025年11月28日

docs/20251128-misunderstanding-yphsalumni-and-alumnigroup.md

@@ -0,0 +1,54 @@
+下面给你一个**实用、可直接交给设计师落地的公告封面设计方案**，基于你们「校友会 vs 校友联络处」容易混淆这一情境，重点是**清晰、正式、易识别、避免再次误会**。
+
+---
+
+# 🎨 公告封面设计方案（适用于官网首页 / Banner / WhatsApp 分享图）
+
+## **1. 视觉主题**
+
+**关键词：清晰区隔、正式感、组织可信度**
+色调保持学校主色系（如#fb9e3a、#fcef91），并加上一条亮色做强调，提升官方感。
+
+---
+
+## **2. 版式构成**
+
+### ### **A. 顶部：醒目的组织身份**
+
+**「永平中学校友会」**
+
+* 使用学校和校友会 logo（左） + 标题文字（右）
+* 字体使用较厚重、带权威感的 Serif / Sans Serif
+* 加上小字「官方公告」标签
+
+---
+
+### **B. 中间：公告主标题（视觉核心）**
+
+标题建议直接点出“澄清 & 提醒”的意图：
+
+* **《校友会与校友联络处群组区分公告》**
+
+字体加粗，居中，字号大，确保在手机上也能一眼看懂。
+
+---
+
+### **C. 配图 / 图标建议**
+
+#### **徽章背景淡化**
+
+校徽做 20% 透明大背景，体现官方权威。
+
+---
+
+## **3. 尺寸 & 格式（设计师直接可用）**
+
+* Website banner: **1920×1080**
+
+---
+
+## **4. 文案建议（印在封面下方的小字）**
+
+> “近期部分校友误将校友联络处群组误认为校友会官方群组，特此澄清。”
+
+---

docs/Onboarding Message.md

@@ -0,0 +1,56 @@
+**主题：欢迎加入永平中学校友会！**
+
+亲爱的校友，您好！
+
+感谢您加入 **永平中学校友会（Yong Peng High School Alumni Association）**！
+自您成为会员的这一刻起，我们正式迎来了一位新的伙伴，也多了一份共同守护母校与社区的力量。
+
+---
+
+## 🎉 **我们是谁？**
+
+永平中学校友会成立以来，一直致力于：
+
+* **联结校友情谊**
+* **支持母校发展**
+* **推动教育、文化与社区活动**
+* **建立校友与在校生之间的桥梁**
+
+您的加入，让我们更有力量继续前进。
+
+---
+
+## 📌 **作为会员，您可享有：**
+
+* 活动、讲座、聚会的**优先参与权**
+* 校友资讯、重要公告的**第一时间通知**
+* 参与校友会项目、社区计划的**贡献机会**
+* 与来自各领域校友建立联系的**交流平台**
+
+---
+
+## 🗓️ **接下来能做什么？**
+
+为帮助您更快融入校友会生态，我们建议：
+
+1. **保存本会的官方联系方式**（WhatsApp / 社媒）
+2. **访问我们的官网**
+3. **留意即将发布的活动资讯**
+4. 若愿意参与志工 / 筹委，请随时回复我们
+
+---
+
+## ❤️ **我们欢迎您与我们同行**
+
+无论您身处何地，校友会的大门永远为您敞开。
+让我们一同继续延续永中的精神，传承、回馈、成长。
+
+若您有任何疑问，欢迎随时与我们联系。
+
+谢谢您再次加入我们，
+**欢迎回家！**
+
+**永平中学校友会**
+Yong Peng High School Alumni Association
+https://yphsalumni.org
+

nuxt.config.ts

@@ -6,13 +6,14 @@ export default defineNuxtConfig({
   devtools: { enabled: true },
   modules: [
     "@nuxt/ui",
+    "@nuxtjs/seo",
     "@nuxt/content",
     "@nuxt/image",
     "reka-ui/nuxt",
     "@nuxtjs/robots",
-    "@nuxtjs/seo",
     "@nuxtjs/sitemap",
   ],
+  ssr: true,
   css: ["~/assets/css/main.css"],
   vite: {
     plugins: [tailwindcss()],
@@ -50,7 +51,7 @@ export default defineNuxtConfig({
         { property: "og:url", content: "https://yphsalumni.org" }, // ✅ 换成你网站的真实域名
         {
           property: "og:image",
-          content: "https://yphsalumni.org/hero-image-2.jpg?v=2",
+          content: "https://img.yphsalumni.org/i/2025/11/28/qk9fe8.png",
         }, // ✅ 上传一张封面图
 
         // Twitter Card
@@ -62,7 +63,7 @@ export default defineNuxtConfig({
         },
         {
           name: "twitter:image",
-          content: "https://yphsalumni.org/hero-image-2.jpg?v=2",
+          content: "https://img.yphsalumni.org/i/2025/11/28/qk9fe8.png",
         },
       ],
     },