From a2829f8fd8c3246a6cba589fd517bc960a5c571c Mon Sep 17 00:00:00 2001
From: samzong <samzong.lu@gmail.com>
Date: Sat, 28 Dec 2024 17:19:34 +0800
Subject: [PATCH] v1 projects

Signed-off-by: samzong <samzong.lu@gmail.com>
---
 .vitepress/theme/components/ProjectCard.vue | 168 ++++++++++++--------
 .vitepress/types/project.ts                 |  76 ++++-----
 projects/chrome-tabboost.md                 |  41 +++++
 projects/docker-compose-hub.md              |  93 -----------
 projects/kubernetes-tools.md                |  98 ------------
 projects/macmusicplayer.md                  |  43 +++++
 projects/openai-translator.md               |  71 ---------
 projects/samzong-blog.md                    |  56 -------
 projects/sd-chat.md                         | 149 +++++++++++++++++
 projects/sidebar.json                       |  16 +-
 10 files changed, 378 insertions(+), 433 deletions(-)
 create mode 100644 projects/chrome-tabboost.md
 delete mode 100644 projects/docker-compose-hub.md
 delete mode 100644 projects/kubernetes-tools.md
 create mode 100644 projects/macmusicplayer.md
 delete mode 100644 projects/openai-translator.md
 delete mode 100644 projects/samzong-blog.md
 create mode 100644 projects/sd-chat.md

diff --git a/.vitepress/theme/components/ProjectCard.vue b/.vitepress/theme/components/ProjectCard.vue
index 278a5019e..f3746d865 100644
--- a/.vitepress/theme/components/ProjectCard.vue
+++ b/.vitepress/theme/components/ProjectCard.vue
@@ -1,72 +1,74 @@
 <script setup lang="ts">
-import { type Project } from '../../types/project'
-import { computed } from 'vue'
-import { useRouter } from 'vitepress'
+import { type Project } from "../../types/project";
+import { computed } from "vue";
+import { useRouter } from "vitepress";
 
-const router = useRouter()
+const router = useRouter();
 const props = defineProps<{
-  project: Project
-}>()
+  project: Project;
+}>();
 
 const navigateToDoc = () => {
-  router.go(props.project.docPath)
-}
+  router.go(props.project.docPath);
+};
 
+// 判断项目是否是新项目, 如果项目创建时间超过1个月, 则不显示新项目标签
 const isNew = computed(() => {
-  const oneYearAgo = new Date()
-  oneYearAgo.setFullYear(oneYearAgo.getFullYear() - 1)
-  return new Date(props.project.createdAt) > oneYearAgo
-})
+  const oneYearAgo = new Date();
+  oneYearAgo.setMonth(oneYearAgo.getMonth() - 1);
+  return new Date(props.project.createdAt) > oneYearAgo;
+});
 
 const truncatedDescription = computed(() => {
-  const maxLength = 80
+  const maxLength = 80;
   return props.project.description.length > maxLength
-    ? props.project.description.slice(0, maxLength) + '...'
-    : props.project.description
-})
+    ? props.project.description.slice(0, maxLength) + "..."
+    : props.project.description;
+});
 
-const MAX_VISIBLE_TAGS = 3
+const MAX_VISIBLE_TAGS = 3;
 
 const visibleTags = computed(() => {
-  return props.project.tags.slice(0, MAX_VISIBLE_TAGS)
-})
+  return props.project.tags.slice(0, MAX_VISIBLE_TAGS);
+});
 
 const remainingTagsCount = computed(() => {
-  return Math.max(0, props.project.tags.length - MAX_VISIBLE_TAGS)
-})
+  return Math.max(0, props.project.tags.length - MAX_VISIBLE_TAGS);
+});
 
 // 为不同类型的标签设置不同的颜色
 const getTagColor = (tag: string) => {
   const tagColors: { [key: string]: string } = {
-    'Vue3': '#42b883',
-    'Vue': '#42b883',
-    'React': '#61dafb',
-    'TypeScript': '#3178c6',
-    'JavaScript': '#f7df1e',
-    'Node.js': '#339933',
-    'Python': '#3776ab',
-    'Go': '#00add8',
-    'Rust': '#dea584',
-    'Docker': '#2496ed',
-    'Kubernetes': '#326ce5',
-    'AWS': '#ff9900',
-    'VitePress': '#646cff',
-    'Blog': '#ff5722',
-    'Web': '#1e88e5',
-    'API': '#4caf50',
-    'CLI': '#607d8b',
-  }
-  return tagColors[tag] || '#8e44ad' // 默认紫色
-}
+    Vue3: "#42b883",
+    Vue: "#42b883",
+    React: "#61dafb",
+    TypeScript: "#3178c6",
+    JavaScript: "#f7df1e",
+    "Node.js": "#339933",
+    Python: "#3776ab",
+    Go: "#00add8",
+    Rust: "#dea584",
+    Docker: "#2496ed",
+    Kubernetes: "#326ce5",
+    AWS: "#ff9900",
+    VitePress: "#646cff",
+    Blog: "#ff5722",
+    Web: "#1e88e5",
+    API: "#4caf50",
+    CLI: "#607d8b",
+  };
+  return tagColors[tag] || "#8e44ad"; // 默认紫色
+};
 
 // 生成默认 logo 文本
 const defaultLogoText = computed(() => {
-  return props.project.name.split(' ')
-    .map(word => word[0])
-    .join('')
+  return props.project.name
+    .split(" ")
+    .map((word) => word[0])
+    .join("")
     .toUpperCase()
-    .slice(0, 2)
-})
+    .slice(0, 2);
+});
 </script>
 
 <template>
@@ -75,12 +77,12 @@ const defaultLogoText = computed(() => {
     <div class="card-content">
       <div class="card-header">
         <div class="logo-container">
-          <img 
+          <img
             v-if="project.logo"
-            :src="project.logo" 
+            :src="project.logo"
             :alt="project.name"
             class="project-logo"
-          >
+          />
           <div v-else class="default-logo">
             {{ defaultLogoText }}
           </div>
@@ -88,9 +90,9 @@ const defaultLogoText = computed(() => {
         <div class="header-content">
           <h3 class="project-title">{{ project.name }}</h3>
           <div class="project-tags">
-            <span 
-              v-for="tag in visibleTags" 
-              :key="tag" 
+            <span
+              v-for="tag in visibleTags"
+              :key="tag"
               class="project-tag"
               :style="{ backgroundColor: getTagColor(tag) }"
             >
@@ -105,14 +107,40 @@ const defaultLogoText = computed(() => {
       <p class="project-description">{{ truncatedDescription }}</p>
       <div class="project-actions" @click.stop>
         <div class="flex-spacer"></div>
-        <a v-if="project.github" :href="project.github" target="_blank" class="action-button github" title="View on GitHub">
-          <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24">
-            <path d="M12 0c-6.626 0-12 5.373-12 12 0 5.302 3.438 9.8 8.207 11.387.599.111.793-.261.793-.577v-2.234c-3.338.726-4.033-1.416-4.033-1.416-.546-1.387-1.333-1.756-1.333-1.756-1.089-.745.083-.729.083-.729 1.205.084 1.839 1.237 1.839 1.237 1.07 1.834 2.807 1.304 3.492.997.107-.775.418-1.305.762-1.604-2.665-.305-5.467-1.334-5.467-5.931 0-1.311.469-2.381 1.236-3.221-.124-.303-.535-1.524.117-3.176 0 0 1.008-.322 3.301 1.23.957-.266 1.983-.399 3.003-.404 1.02.005 2.047.138 3.006.404 2.291-1.552 3.297-1.23 3.297-1.23.653 1.653.242 2.874.118 3.176.77.84 1.235 1.911 1.235 3.221 0 4.609-2.807 5.624-5.479 5.921.43.372.823 1.102.823 2.222v3.293c0 .319.192.694.801.576 4.765-1.589 8.199-6.086 8.199-11.386 0-6.627-5.373-12-12-12z"/>
+        <a
+          v-if="project.github"
+          :href="project.github"
+          target="_blank"
+          class="action-button github"
+          title="View on GitHub"
+        >
+          <svg
+            xmlns="http://www.w3.org/2000/svg"
+            width="24"
+            height="24"
+            viewBox="0 0 24 24"
+          >
+            <path
+              d="M12 0c-6.626 0-12 5.373-12 12 0 5.302 3.438 9.8 8.207 11.387.599.111.793-.261.793-.577v-2.234c-3.338.726-4.033-1.416-4.033-1.416-.546-1.387-1.333-1.756-1.333-1.756-1.089-.745.083-.729.083-.729 1.205.084 1.839 1.237 1.839 1.237 1.07 1.834 2.807 1.304 3.492.997.107-.775.418-1.305.762-1.604-2.665-.305-5.467-1.334-5.467-5.931 0-1.311.469-2.381 1.236-3.221-.124-.303-.535-1.524.117-3.176 0 0 1.008-.322 3.301 1.23.957-.266 1.983-.399 3.003-.404 1.02.005 2.047.138 3.006.404 2.291-1.552 3.297-1.23 3.297-1.23.653 1.653.242 2.874.118 3.176.77.84 1.235 1.911 1.235 3.221 0 4.609-2.807 5.624-5.479 5.921.43.372.823 1.102.823 2.222v3.293c0 .319.192.694.801.576 4.765-1.589 8.199-6.086 8.199-11.386 0-6.627-5.373-12-12-12z"
+            />
           </svg>
         </a>
-        <a v-if="project.website" :href="project.website" target="_blank" class="action-button website" title="Visit Website">
-          <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24">
-            <path d="M12 2C6.486 2 2 6.486 2 12s4.486 10 10 10 10-4.486 10-10S17.514 2 12 2zm7.931 9h-2.764a14.67 14.67 0 0 0-1.792-6.243A8.013 8.013 0 0 1 19.931 11zM12.53 4.027c1.035 1.364 2.427 3.78 2.627 6.973H9.03c.139-2.596.994-5.028 2.451-6.974.172-.01.344-.026.519-.026.179 0 .354.016.53.027zm-3.842.7C7.704 6.618 7.136 8.762 7.03 11H4.069a8.013 8.013 0 0 1 4.619-6.273zM4.069 13h2.974c.136 2.379.665 4.478 1.556 6.23A8.01 8.01 0 0 1 4.069 13zm7.381 6.973C10.049 18.275 9.222 15.896 9.041 13h6.113c-.208 2.773-1.117 5.196-2.603 6.972-.182.012-.364.028-.551.028-.186 0-.367-.016-.55-.027zm4.011-.772c.955-1.794 1.538-3.901 1.691-6.201h2.778a8.005 8.005 0 0 1-4.469 6.201z"/>
+        <a
+          v-if="project.website"
+          :href="project.website"
+          target="_blank"
+          class="action-button website"
+          title="Visit Website"
+        >
+          <svg
+            xmlns="http://www.w3.org/2000/svg"
+            width="24"
+            height="24"
+            viewBox="0 0 24 24"
+          >
+            <path
+              d="M12 2C6.486 2 2 6.486 2 12s4.486 10 10 10 10-4.486 10-10S17.514 2 12 2zm7.931 9h-2.764a14.67 14.67 0 0 0-1.792-6.243A8.013 8.013 0 0 1 19.931 11zM12.53 4.027c1.035 1.364 2.427 3.78 2.627 6.973H9.03c.139-2.596.994-5.028 2.451-6.974.172-.01.344-.026.519-.026.179 0 .354.016.53.027zm-3.842.7C7.704 6.618 7.136 8.762 7.03 11H4.069a8.013 8.013 0 0 1 4.619-6.273zM4.069 13h2.974c.136 2.379.665 4.478 1.556 6.23A8.01 8.01 0 0 1 4.069 13zm7.381 6.973C10.049 18.275 9.222 15.896 9.041 13h6.113c-.208 2.773-1.117 5.196-2.603 6.972-.182.012-.364.028-.551.028-.186 0-.367-.016-.55-.027zm4.011-.772c.955-1.794 1.538-3.901 1.691-6.201h2.778a8.005 8.005 0 0 1-4.469 6.201z"
+            />
           </svg>
         </a>
       </div>
@@ -145,9 +173,7 @@ const defaultLogoText = computed(() => {
 
 .project-card:hover {
   transform: translateY(-6px);
-  box-shadow: 
-    0 8px 24px rgba(0, 0, 0, 0.12),
-    0 2px 4px var(--vp-c-brand-light);
+  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.12), 0 2px 4px var(--vp-c-brand-light);
 }
 
 .dark .project-card {
@@ -159,9 +185,7 @@ const defaultLogoText = computed(() => {
 .dark .project-card:hover {
   background: rgba(36, 36, 36, 0.9);
   border-color: var(--vp-c-brand);
-  box-shadow: 
-    0 8px 24px rgba(0, 0, 0, 0.3),
-    0 2px 4px var(--vp-c-brand);
+  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.3), 0 2px 4px var(--vp-c-brand);
 }
 
 .new-badge {
@@ -183,7 +207,7 @@ const defaultLogoText = computed(() => {
 
 .new-badge::before,
 .new-badge::after {
-  content: '';
+  content: "";
   position: absolute;
   top: 0;
   width: 100%;
@@ -232,7 +256,11 @@ const defaultLogoText = computed(() => {
   width: 100%;
   height: 100%;
   border-radius: 12px;
-  background: linear-gradient(135deg, var(--vp-c-brand) 0%, var(--vp-c-brand-light) 100%);
+  background: linear-gradient(
+    135deg,
+    var(--vp-c-brand) 0%,
+    var(--vp-c-brand-light) 100%
+  );
   color: white;
   display: flex;
   align-items: center;
@@ -256,7 +284,11 @@ const defaultLogoText = computed(() => {
 .project-title {
   font-size: 1.4em;
   margin: 0;
-  background: linear-gradient(120deg, var(--vp-c-brand) 0%, var(--vp-c-brand-light) 100%);
+  background: linear-gradient(
+    120deg,
+    var(--vp-c-brand) 0%,
+    var(--vp-c-brand-light) 100%
+  );
   -webkit-background-clip: text;
   background-clip: text;
   color: transparent;
@@ -394,4 +426,4 @@ const defaultLogoText = computed(() => {
 .action-button:hover svg {
   transform: scale(1.1);
 }
-</style> 
\ No newline at end of file
+</style>
diff --git a/.vitepress/types/project.ts b/.vitepress/types/project.ts
index dac5925eb..e0a27511c 100644
--- a/.vitepress/types/project.ts
+++ b/.vitepress/types/project.ts
@@ -1,48 +1,50 @@
 export interface Project {
-  name: string
-  description: string
-  github: string
-  website?: string
-  logo?: string
-  tags: string[]
-  createdAt: string // ISO 格式的日期字符串，如：'2024-01-01'
-  docPath: string   // 项目文档路径，如：'/projects/samzong-blog'
+  name: string;
+  description: string;
+  github: string;
+  website?: string;
+  logo?: string;
+  tags: string[];
+  createdAt: string; // ISO 格式的日期字符串，如：'2024-01-01'
+  docPath: string; // 项目文档路径，如：'/projects/samzong-blog'
 }
 
 export const projects: Project[] = [
   {
-    name: 'samzong.github.io',
-    description: '个人博客网站，基于 VitePress 构建，支持暗黑模式、全文搜索、标签分类等功能。',
-    github: 'https://github.com/samzong/samzong.github.io',
-    website: 'https://samzong.me',
-    logo: '/logo.png',
-    tags: ['Vue3', 'VitePress', 'Blog'],
-    createdAt: '2024-01-01',
-    docPath: '/projects/samzong-blog'
+    name: "SD Chat",
+    description:
+      "基于 Stable Diffusion 的聊天机器人，支持文本到图像、视频生成等功能。",
+    github: "https://github.com/samzong/sd-chat",
+    logo: "/logo.png",
+    tags: ["Stable Diffusion", "Python"],
+    createdAt: "2024-12-25",
+    docPath: "/projects/sd-chat",
   },
   {
-    name: 'OpenAI Translator',
-    description: '基于 OpenAI API 的智能翻译工具，支持多语言互译、文本润色、语法纠正等功能。',
-    github: 'https://github.com/samzong/openai-translator',
-    website: 'https://translator.samzong.me',
-    tags: ['TypeScript', 'OpenAI', 'React', 'API'],
-    createdAt: '2023-12-01',
-    docPath: '/projects/openai-translator'
+    name: "Chrome tabboost",
+    description:
+      "基于 Arc 浏览器的标签增强工具，支持快捷键、标签管理、自定义快捷键等功能。",
+    github: "https://github.com/samzong/chrome-tabboost",
+    tags: ["Chrome", "Arc", "Typescript"],
+    createdAt: "2024-12-18",
+    docPath: "/projects/chrome-tabboost",
   },
   {
-    name: 'Docker Compose Hub',
-    description: '收集和维护常用服务的 Docker Compose 配置，包含数据库、缓存、消息队列等基础服务。',
-    github: 'https://github.com/samzong/docker-compose-hub',
-    tags: ['Docker', 'DevOps', 'Infrastructure'],
-    createdAt: '2023-06-15',
-    docPath: '/projects/docker-compose-hub'
+    name: "MacMusicPlayer",
+    description:
+      "一个简洁、轻量级的 macOS 音乐播放器，设计为菜单栏应用程序，让您可以轻松控制音乐播放而不打断工作流程。",
+    github: "https://github.com/samzong/MacMusicPlayer",
+    tags: ["macOS", "SwiftUI", "Music"],
+    createdAt: "2024-09-18",
+    docPath: "/projects/macmusicplayer",
   },
   {
-    name: 'Kubernetes Tools',
-    description: '一组用于简化 Kubernetes 日常运维工作的工具集，包含日志收集、监控报警、配置管理等功能。',
-    github: 'https://github.com/samzong/k8s-tools',
-    tags: ['Kubernetes', 'Go', 'CLI', 'DevOps'],
-    createdAt: '2023-09-20',
-    docPath: '/projects/kubernetes-tools'
-  }
-] 
\ No newline at end of file
+    name: "Samzong Blog",
+    description: "一个简洁、轻量级的博客，收集了我的一些技术文章和项目文档。",
+    github: "https://github.com/samzong/samzong.github.io",
+    website: "https://samzong.me",
+    tags: ["VitePress", "Typescript"],
+    createdAt: "2024-12-28",
+    docPath: "/",
+  },
+];
diff --git a/projects/chrome-tabboost.md b/projects/chrome-tabboost.md
new file mode 100644
index 000000000..b5a7d8cd1
--- /dev/null
+++ b/projects/chrome-tabboost.md
@@ -0,0 +1,41 @@
+# TabBoost
+
+TabBoost 是一个 Chrome 扩展程序，旨在复制 Arc 浏览器中常用的功能，以增强 Chrome 用户的体验。
+
+## 功能
+
+- **标签增强**: 改进了标签页的管理和导航功能，使用户可以更高效地处理多个标签页。
+- **快捷键支持**: 支持多种快捷键操作，提升浏览效率。
+- **用户界面优化**: 提供更简洁、直观的用户界面，改善浏览体验。
+
+## 安装
+
+1. 打开 Chrome 浏览器，并访问 [Chrome Web Store](https://chrome.google.com/webstore/category/extensions)。
+2. 搜索 `TabBoost` 并点击安装按钮。
+3. 安装完成后，点击浏览器右上角的 TabBoost 图标，即可开始使用。
+
+## 使用
+
+### 标签管理
+
+- 使用快捷键 `Ctrl + T` 打开新标签页。
+- 使用 `Ctrl + W` 关闭当前标签页。
+- 使用 `Ctrl + Tab` 切换到下一个标签页。
+
+### 自定义快捷键
+
+1. 点击浏览器右上角的 TabBoost 图标。
+2. 选择 `设置`。
+3. 在 `快捷键` 部分，设置你想要的快捷键组合。
+
+## 反馈与贡献
+
+如果你有任何问题或建议，请在 [GitHub 仓库](https://github.com/samzong/chrome-tabboost) 提交问题或创建拉取请求。
+
+## 许可证
+
+该项目采用 [MIT 许可证](https://opensource.org/licenses/MIT)。
+
+---
+
+TabBoost 是一个开源项目，欢迎大家贡献代码和提交反馈。希望这个扩展能提升你在 Chrome 浏览器中的使用体验！
diff --git a/projects/docker-compose-hub.md b/projects/docker-compose-hub.md
deleted file mode 100644
index 1e4087580..000000000
--- a/projects/docker-compose-hub.md
+++ /dev/null
@@ -1,93 +0,0 @@
-# Docker Compose Hub
-
-收集和维护常用服务的 Docker Compose 配置，包含数据库、缓存、消息队列等基础服务。
-
-## 包含的服务
-
-### 数据库
-- MySQL
-- PostgreSQL
-- MongoDB
-- Redis
-- Elasticsearch
-
-### 消息队列
-- RabbitMQ
-- Kafka
-- Redis Pub/Sub
-
-### 监控和日志
-- Prometheus
-- Grafana
-- ELK Stack
-
-### 其他服务
-- Nginx
-- Jenkins
-- GitLab
-- MinIO
-
-## 使用方法
-
-1. 克隆仓库：
-```bash
-git clone https://github.com/samzong/docker-compose-hub.git
-```
-
-2. 选择需要的服务目录：
-```bash
-cd docker-compose-hub/services/mysql
-```
-
-3. 修改配置文件：
-```bash
-cp .env.example .env
-vim .env
-```
-
-4. 启动服务：
-```bash
-docker-compose up -d
-```
-
-## 目录结构
-
-```
-services/
-├── databases/
-│   ├── mysql/
-│   ├── postgresql/
-│   └── mongodb/
-├── cache/
-│   ├── redis/
-│   └── memcached/
-├── queue/
-│   ├── rabbitmq/
-│   └── kafka/
-└── monitoring/
-    ├── prometheus/
-    └── grafana/
-```
-
-## 配置说明
-
-每个服务目录下都包含：
-- `docker-compose.yml`：服务编排配置
-- `.env.example`：环境变量示例
-- `README.md`：使用说明
-- `config/`：配置文件目录
-
-## 最佳实践
-
-- 生产环境部署建议
-- 数据持久化配置
-- 安全性建议
-- 性能优化指南
-
-## 贡献指南
-
-欢迎提交新的服务配置或优化现有配置！
-
-## 许可证
-
-MIT License 
\ No newline at end of file
diff --git a/projects/kubernetes-tools.md b/projects/kubernetes-tools.md
deleted file mode 100644
index fe4006738..000000000
--- a/projects/kubernetes-tools.md
+++ /dev/null
@@ -1,98 +0,0 @@
-# Kubernetes Tools
-
-一组用于简化 Kubernetes 日常运维工作的工具集，包含日志收集、监控报警、配置管理等功能。
-
-## 工具列表
-
-### 1. 日志管理
-- 实时日志查看器
-- 日志聚合分析
-- 自定义日志过滤
-- 日志导出工具
-
-### 2. 监控报警
-- 资源使用监控
-- 性能指标采集
-- 自定义告警规则
-- 告警通知集成
-
-### 3. 配置管理
-- 配置文件版本控制
-- 配置变更追踪
-- 多环境配置管理
-- 敏感信息加密
-
-### 4. 集群运维
-- 节点健康检查
-- 资源清理工具
-- 备份还原工具
-- 集群诊断工具
-
-## 安装使用
-
-```bash
-# 安装 CLI 工具
-go install github.com/samzong/k8s-tools/cmd/kt@latest
-
-# 或者使用 Docker
-docker run -it --rm \
-  -v ~/.kube:/root/.kube \
-  samzong/k8s-tools:latest
-```
-
-## 常用命令
-
-```bash
-# 查看容器日志
-kt logs -n namespace pod-name
-
-# 监控资源使用
-kt top nodes
-
-# 配置管理
-kt config diff -e prod,dev
-
-# 健康检查
-kt check cluster
-```
-
-## 架构设计
-
-- 基于 Go 语言开发
-- 插件化架构设计
-- 支持自定义扩展
-- 轻量级部署方案
-
-## 开发指南
-
-1. 环境准备：
-```bash
-go >= 1.20
-make
-kubectl
-```
-
-2. 构建项目：
-```bash
-make build
-```
-
-3. 运行测试：
-```bash
-make test
-```
-
-## 路线图
-
-- [ ] 支持更多监控指标
-- [ ] 添加 Web 控制台
-- [ ] 支持多集群管理
-- [ ] 国际化支持
-
-## 贡献指南
-
-欢迎提交 PR 和 Issue！
-
-## 许可证
-
-Apache License 2.0 
\ No newline at end of file
diff --git a/projects/macmusicplayer.md b/projects/macmusicplayer.md
new file mode 100644
index 000000000..e3b81d7c8
--- /dev/null
+++ b/projects/macmusicplayer.md
@@ -0,0 +1,43 @@
+# MacMusicPlayer
+
+MacMusicPlayer 是一个简洁、轻量级的 macOS 音乐播放器，设计为菜单栏应用程序，让您可以轻松控制音乐播放而不打断工作流程。
+
+![image](https://github.com/samzong/MacMusicPlayer/blob/main/image.png?raw=true)
+
+## 功能特点
+
+- 🎵 从指定文件夹加载和播放 MP3 文件
+- 🔄 记住上次选择的音乐文件夹，无需重复配置
+- 🖱️ 通过菜单栏图标快速访问播放控制
+- ⏯️ 播放、暂停、上一曲、下一曲功能
+- 📂 随时重新配置音乐文件夹
+- 🎨 简洁的用户界面，最小化干扰
+- 😴 支持防止 Mac 休眠（一键开启）
+
+## 安装
+
+1. 下载最新的 MacMusicPlayer.dmg 文件。
+2. 打开 DMG 文件并将 MacMusicPlayer 应用程序拖到应用程序文件夹。
+3. 首次运行时，macOS 可能会显示安全警告。请在"系统偏好设置">"安全性与隐私"中允许应用运行。
+4. 如果仍然报错，请执行 `sudo xattr -r -d com.apple.quarantine /Applications/MacMusicPlayer.app`
+
+## 使用方法
+
+1. 启动 MacMusicPlayer。首次运行时，它会要求您选择音乐文件夹。
+2. 选择包含 MP3 文件的文件夹。
+3. 应用程序图标将出现在菜单栏中。
+4. 点击菜单栏图标访问播放控制和其他选项：
+   - 播放/暂停当前曲目
+   - 切换到上一曲或下一曲
+   - 查看当前播放的曲目信息
+   - 重新配置音乐文件夹
+   - 退出应用程序
+
+## 注意事项
+
+- MacMusicPlayer 目前仅支持 MP3 格式的音频文件。
+- 确保给予应用程序访问您选择的音乐文件夹的权限。
+
+## 反馈与支持
+
+如果您遇到任何问题或有改进建议，请于我联系，创建 issue 或提交 PR。
diff --git a/projects/openai-translator.md b/projects/openai-translator.md
deleted file mode 100644
index bac8f7d95..000000000
--- a/projects/openai-translator.md
+++ /dev/null
@@ -1,71 +0,0 @@
-# OpenAI Translator
-
-基于 OpenAI API 开发的智能翻译工具，支持多语言互译、文本润色、语法纠正等功能。
-
-## 主要功能
-
-- 支持多语言互译
-- 智能文本润色
-- 语法纠正
-- 专业术语翻译
-- 上下文理解
-- API 调用示例
-
-## 技术实现
-
-- 前端：React + TypeScript
-- API：OpenAI GPT API
-- 部署：Docker + Nginx
-- CI/CD：GitHub Actions
-
-## 快速开始
-
-1. 配置环境变量：
-```bash
-OPENAI_API_KEY=your_api_key
-```
-
-2. 安装依赖：
-```bash
-pnpm install
-```
-
-3. 启动开发服务器：
-```bash
-pnpm dev
-```
-
-## API 使用示例
-
-```typescript
-const translate = async (text: string, from: string, to: string) => {
-  const response = await fetch('/api/translate', {
-    method: 'POST',
-    body: JSON.stringify({ text, from, to }),
-  });
-  return response.json();
-};
-```
-
-## 部署指南
-
-项目提供了 Docker 部署方案：
-
-```bash
-docker-compose up -d
-```
-
-## 路线图
-
-- [ ] 支持更多 AI 模型
-- [ ] 添加语音翻译
-- [ ] 批量翻译功能
-- [ ] 翻译记录导出
-
-## 贡献指南
-
-欢迎提交 PR 和 Issue！
-
-## 许可证
-
-MIT License 
\ No newline at end of file
diff --git a/projects/samzong-blog.md b/projects/samzong-blog.md
deleted file mode 100644
index eadc44add..000000000
--- a/projects/samzong-blog.md
+++ /dev/null
@@ -1,56 +0,0 @@
-# samzong.github.io
-
-这是我的个人博客网站项目，基于 VitePress 构建。本文档将详细介绍项目的架构、特性和使用方法。
-
-## 项目特性
-
-- 基于 VitePress 构建的静态网站
-- 支持暗黑模式主题切换
-- 全文搜索功能
-- 文章标签分类系统
-- 自动生成文章归档
-- 响应式设计，支持移动端访问
-- 集成了 GitHub Actions 自动部署
-
-## 技术栈
-
-- Vue 3
-- VitePress
-- TypeScript
-- Markdown
-
-## 本地开发
-
-```bash
-# 克隆项目
-git clone https://github.com/samzong/samzong.github.io.git
-
-# 安装依赖
-pnpm install
-
-# 启动开发服务器
-pnpm dev
-```
-
-## 项目结构
-
-```
-.
-├── .vitepress/        # VitePress 配置目录
-├── blog/             # 博客文章目录
-├── projects/         # 项目文档目录
-├── public/           # 静态资源目录
-└── package.json
-```
-
-## 部署
-
-项目使用 GitHub Actions 自动部署到 GitHub Pages。每次推送到 main 分支时会自动触发构建和部署。
-
-## 贡献
-
-欢迎提交 Issue 和 Pull Request！
-
-## 许可证
-
-MIT License 
\ No newline at end of file
diff --git a/projects/sd-chat.md b/projects/sd-chat.md
new file mode 100644
index 000000000..7e4f89231
--- /dev/null
+++ b/projects/sd-chat.md
@@ -0,0 +1,149 @@
+# SD Chat - AI Creation Platform
+
+An AI creation platform based on Stable Diffusion, supporting both image and video generation. This project integrates multiple advanced AI models and provides a user-friendly web interface for creating AI-generated content.
+
+## Demo
+
+![text-to-image](https://raw.githubusercontent.com/samzong/sd-chat/refs/heads/main/img/text-to-image.png)
+
+## Roadmap
+
+### Completed Features ✅
+
+#### 1. Text-to-Image
+
+- Stable Diffusion XL Base 1.0
+- Stable Diffusion 1.5
+- Realistic Vision V5.1
+- Dreamshaper V8
+- Custom prompt support
+- Parameter adjustment
+- Negative prompt support
+
+#### 2. Text-to-Video
+
+- Stable Video Diffusion
+- Custom prompt support
+- Video parameter adjustment
+- Negative prompt support
+
+#### 3. Image-to-Video
+
+- Stable Video Diffusion
+- Custom initial image support
+- Video parameter adjustment
+- Motion intensity control
+
+### Under Development 🚧
+
+#### 4. Image Editing
+
+- ControlNet support
+- Image inpainting
+- Image outpainting
+- Prompt-based editing
+
+#### 5. Video Editing
+
+- Video restoration
+- Video style transfer
+- Frame interpolation
+- Video upscaling
+
+## Features
+
+### 1. Image Generation
+
+- Multiple high-quality models:
+  - Stable Diffusion XL
+  - Stable Diffusion 1.5
+  - Realistic Vision
+  - Dreamshaper
+- Custom generation parameters
+- High-quality output
+- Batch generation support
+
+### 2. Video Generation
+
+- Based on Stable Video Diffusion
+- Image-to-video conversion
+- Text-to-video generation
+- Adjustable video parameters
+
+### 3. Interface Features
+
+- Intuitive web interface
+- Real-time preview
+- Parameter control
+- Example prompts
+
+## Quick Start
+
+### Requirements
+
+- MacOS (Apple Silicon)
+- Python 3.10+
+- 32GB RAM (recommended)
+- Disk space: 20GB minimum (for model storage)
+
+### Installation
+
+1. Install Conda (skip if already installed):
+
+```bash
+# Download Miniforge3 (for Apple Silicon)
+curl -L -O "https://github.com/conda-forge/miniforge/releases/latest/download/Miniforge3-MacOSX-arm64.sh"
+bash Miniforge3-MacOSX-arm64.sh
+```
+
+2. Create and activate environment:
+
+```bash
+# Create Python 3.10 environment
+conda create -n diffusers python=3.10
+conda activate diffusers
+```
+
+3. Install PyTorch (with MPS acceleration):
+
+```bash
+# Install PyTorch with MPS support
+conda install pytorch torchvision torchaudio -c pytorch-nightly
+```
+
+4. Clone the project:
+
+```bash
+git clone https://github.com/samzong/sd-chat.git
+cd sd-chat
+```
+
+5. Install dependencies:
+
+```bash
+pip install -r requirements.txt
+```
+
+### First Run
+
+1. Start the service:
+
+```bash
+python run.py
+```
+
+Initial run will automatically download required models, which may take some time depending on your network connection.
+
+2. Access the interface:
+   Open http://localhost:7860 in your browser
+
+### Project Structure
+
+```
+sd-chat/
+├── run.py          # Unified startup script (recommended)
+├── api.py          # Image generation service
+├── video_api.py    # Video generation service
+├── web_ui.py       # Web interface
+└── requirements.txt # Project dependencies
+```
diff --git a/projects/sidebar.json b/projects/sidebar.json
index 12322704b..5d155fe82 100644
--- a/projects/sidebar.json
+++ b/projects/sidebar.json
@@ -2,20 +2,16 @@
   "text": "Projects",
   "items": [
     {
-      "text": "samzong.github.io",
-      "link": "/projects/samzong-blog"
+      "text": "SD Chat",
+      "link": "/projects/sd-chat"
     },
     {
-      "text": "OpenAI Translator",
-      "link": "/projects/openai-translator"
+      "text": "Chrome Tabboost",
+      "link": "/projects/chrome-tabboost"
     },
     {
-      "text": "Docker Compose Hub",
-      "link": "/projects/docker-compose-hub"
-    },
-    {
-      "text": "Kubernetes Tools",
-      "link": "/projects/kubernetes-tools"
+      "text": "MacMusicPlayer",
+      "link": "/projects/macmusicplayer"
     }
   ]
 } 
\ No newline at end of file