修复报错，优化订阅

Author: weizwz

.env

@@ -1,5 +1,5 @@
 # RSS 配置
-RSS_FEED_URL=https://note.weizwz.com/feed.xml
+VITE_RSS_FEED_URL=https://note.weizwz.com/feed.xml
 
 # 博客配置
-BLOG_URL=https://note.weizwz.com
+VITE_BLOG_URL=https://note.weizwz.com

app/components/BlogArticles.tsx

@@ -164,33 +164,34 @@ export function BlogArticles({ title = '我的文章', subtitle = '来自博客
   const fallbackArticles: Article[] = [
     {
       id: 1,
-      title: 'PS快速替换证件照背景',
+      title: '如何快速无缝的从 vscode 转向AI编辑器 cursor、kiro、trae 等',
       category: '资源',
-      description: '本文介绍了一种使用Photoshop快速替换证件照背景的方法，且替换效果自然无杂色和毛边',
-      date: '2025年06月19日',
-      link: 'https://note.weizwz.com/editor/ps/photo-change-bg',
-      styleName: 'weizwz-icon-ps',
-      tags: ['ps', '图片']
+      description: '本文介绍了如何从 VSCode 快速无缝转向 AI 编辑器，如 kiro、cursor、trae 等',
+      date: '2025年07月25日',
+      link: config.blog.url + '/editor/ai/to-kiro',
+      styleName: 'weiz-icon-ai',
+      tags: ['AI', 'VSCode']
     },
     {
       id: 2,
-      title: '如何快速无缝的从 vscode 转向AI编辑器 cursor、kiro、trae 等',
+      title: 'MacOS Sequoia系统优化',
       category: '资源',
-      description: '本文介绍了在VitePress中集成Twikoo的方法，包括安装插件、封装组件、利用布局插槽等步骤',
-      date: '2025年05月15日',
-      link: 'https://note.weizwz.com/vitepress/extend/vitepress-twikoo',
-      styleName: 'weizwz-icon-ai',
-      tags: ['ai', 'vscode']
+      description: '本文介绍了 MacOS Sequoia 系统的基础优化设置，包括修改截屏保存位置、修复启动图标错乱、关闭安装来源限制等系统级操作',
+      date: '2025年04月26日',
+      link: config.blog.url + '/macos/setting/base-init',
+      styleName: 'weiz-icon-macos',
+      tags: ['MacOS']
     },
     {
       id: 3,
-      title: 'MacOS Sequoia系统优化',
+      title: 'VitePress 建站资源汇总',
       category: '资源',
-      description: '本文介绍了 MacOS Sequoia 系统的基础优化设置，包括修改截屏保存位置、修复启动图标错乱等',
-      date: '2025年04月26日',
-      link: 'https://note.weizwz.com/macos/setting/base-init',
-      styleName: 'weizwz-icon-macos',
-      tags: ['macos']
+      description:
+        '本文汇总了使用 VitePress 搭建博客的资源与配置方法，包括暗黑模式切换动画、DocSearch 搜索、Fancybox 图片查看器、GitHub Giscus 评论系统、Cloudflare R2 图床配置等内容',
+      date: '2025年04月18日',
+      link: config.blog.url + '/vitepress/all/resource-all',
+      styleName: 'weiz-icon-vitepress',
+      tags: ['VitePress', '网站']
     }
   ]
 
@@ -340,14 +341,16 @@ export function BlogArticles({ title = '我的文章', subtitle = '来自博客
                     onMouseLeave={() => setIsPaused(false)}>
                     <div className='bg-white/80 backdrop-blur-sm rounded-2xl md:rounded-3xl border-1 border-slate-200 shadow-md shadow-slate-200 h-full hover:shadow-xl transition-all duration-300 overflow-hidden'>
                       {/* 文章头部 - 渐变背景 */}
-                      <div className={`article-icon-bg ${article.styleName} p-6 relative`}>
+                      <div className={`${article.styleName} article-icon-bg p-6 relative`}>
                         <div className='flex items-center justify-between mb-4'>
                           <span className='inline-block px-3 py-1 bg-white/20 backdrop-blur-sm text-white text-sm font-medium rounded-full'>
                             {article.category}
                           </span>
                           <div className='w-10 h-10 article-icon'></div>
                         </div>
-                        <h3 className='text-4xl text-center font-bold text-white mb-4 line-clamp-2'>{article.title}</h3>
+                        <div className='min-h-20 flex items-center justify-center mb-4'>
+                          <h3 className='text-4xl text-center font-bold text-white line-clamp-2'>{article.title}</h3>
+                        </div>
                       </div>
 
                       {/* 文章内容 */}

app/root.tsx

@@ -56,6 +56,12 @@ export function ErrorBoundary({ error }: Route.ErrorBoundaryProps) {
   if (isRouteErrorResponse(error)) {
     is404 = error.status === 404
     message = is404 ? '404' : '错误'
+    
+    // 过滤 Chrome DevTools 的请求，不显示错误页面
+    if (is404 && error.data && typeof error.data === 'string' && 
+        error.data.includes('.well-known/appspecific/com.chrome.devtools.json')) {
+      return null; // 不显示错误页面
+    }
   } else if (import.meta.env.DEV && error && error instanceof Error) {
     stack = error.stack
   }

app/routes.ts

@@ -3,4 +3,5 @@ import { type RouteConfig, index, route } from "@react-router/dev/routes";
 export default [
   index("routes/home.tsx"),
   route("api/rss", "routes/api/rss.ts"),
+  route(".well-known/appspecific/com.chrome.devtools.json", "routes/.well-known/appspecific/com.chrome.devtools.json.ts"),
 ] satisfies RouteConfig;

app/routes/.well-known/appspecific/com.chrome.devtools.json.ts

@@ -0,0 +1,10 @@
+import type { LoaderFunctionArgs } from "react-router";
+
+export async function loader({}: LoaderFunctionArgs) {
+  // 返回空的 JSON 响应，避免 404 错误
+  return new Response('{}', {
+    headers: {
+      'Content-Type': 'application/json',
+    },
+  });
+}

app/routes/api/rss.ts

@@ -1,36 +1,38 @@
-import type { LoaderFunctionArgs } from "react-router";
+import type { LoaderFunctionArgs } from 'react-router'
 
 export async function loader({}: LoaderFunctionArgs) {
   try {
-    // 从环境变量获取 RSS URL，提供默认值
-    const rssUrl = process.env.RSS_FEED_URL || 'https://note.weizwz.com/feed.xml';
+
 
+    // 从环境变量获取 RSS URL，提供默认值
+    const rssUrl = process.env.VITE_RSS_FEED_URL
+
     // 获取 RSS 数据
-    const response = await fetch(rssUrl);
-    
+    const response = await fetch(rssUrl || '')
+
     if (!response.ok) {
-      throw new Error(`HTTP error! status: ${response.status}`);
+      throw new Error(`HTTP error! status: ${response.status}`)
     }
-    
-    const xmlText = await response.text();
-    
+
+    const xmlText = await response.text()
+
     // 返回 XML 数据，设置正确的 Content-Type
     return new Response(xmlText, {
       headers: {
         'Content-Type': 'application/xml',
         'Access-Control-Allow-Origin': '*',
-        'Cache-Control': 'public, max-age=300', // 缓存 5 分钟
-      },
-    });
+        'Cache-Control': 'public, max-age=300' // 缓存 5 分钟
+      }
+    })
   } catch (error) {
-    console.error('获取 RSS 失败:', error);
-    
+    console.error('获取 RSS 失败:', error)
+
     // 返回错误响应
     return new Response('Failed to fetch RSS', {
       status: 500,
       headers: {
-        'Content-Type': 'text/plain',
-      },
-    });
+        'Content-Type': 'text/plain'
+      }
+    })
   }
-}
+}