@jet-w/astro-blog 0.2.8 → 0.2.9

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@jet-w/astro-blog",
-  "version": "0.2.8",
+  "version": "0.2.9",
   "description": "A modern Astro blog theme with Vue and Tailwind CSS support",
   "type": "module",
   "exports": {

package/src/components/ui/SearchBox.vue

@@ -36,7 +36,7 @@
             @click="handleResultClick"
           >
             <h4 class="text-sm font-medium text-slate-900 dark:text-slate-100 mb-1" v-html="highlightText(result.title)"></h4>
-            <p class="text-xs text-slate-600 dark:text-slate-400 line-clamp-2" v-html="highlightText(result.description)"></p>
+            <p class="text-xs text-slate-600 dark:text-slate-400 line-clamp-2" v-html="highlightText(getMatchedContent(result))"></p>
             <div class="flex flex-wrap gap-1 mt-2">
               <span
                 v-for="tag in result.tags.slice(0, 3)"
@@ -138,6 +138,38 @@ const handleResultClick = () => {
   searchResults.value = []
 }
 
+// 获取匹配的内容片段，优先显示匹配到的内容上下文
+const getMatchedContent = (result: SearchResult): string => {
+  const query = searchQuery.value.toLowerCase()
+
+  // 如果标题或描述匹配，优先显示描述
+  if (result.title.toLowerCase().includes(query) || result.description.toLowerCase().includes(query)) {
+    return result.description || result.content.substring(0, 150)
+  }
+
+  // 如果内容匹配，显示匹配位置的上下文
+  if (result.content) {
+    const contentLower = result.content.toLowerCase()
+    const matchIndex = contentLower.indexOf(query)
+
+    if (matchIndex !== -1) {
+      // 提取匹配位置前后的上下文
+      const contextStart = Math.max(0, matchIndex - 50)
+      const contextEnd = Math.min(result.content.length, matchIndex + query.length + 100)
+      let snippet = result.content.substring(contextStart, contextEnd)
+
+      // 添加省略号
+      if (contextStart > 0) snippet = '...' + snippet
+      if (contextEnd < result.content.length) snippet = snippet + '...'
+
+      return snippet
+    }
+  }
+
+  // 默认返回描述或内容开头
+  return result.description || result.content.substring(0, 150)
+}
+
 const highlightText = (text: string) => {
   if (!searchQuery.value || !text) return text || ''
 

package/src/pages/search-index.json.ts

@@ -1,17 +1,55 @@
 import type { APIRoute } from 'astro';
 import { getCollection } from 'astro:content';
 
+// 从 Markdown 内容中提取纯文本
+function extractPlainText(markdown: string): string {
+  if (!markdown) return '';
+
+  return markdown
+    // 移除代码块
+    .replace(/```[\s\S]*?```/g, '')
+    .replace(/`[^`]*`/g, '')
+    // 移除 HTML 标签
+    .replace(/<[^>]*>/g, '')
+    // 移除图片
+    .replace(/!\[.*?\]\(.*?\)/g, '')
+    // 移除链接但保留文本
+    .replace(/\[([^\]]*)\]\([^)]*\)/g, '$1')
+    // 移除标题标记
+    .replace(/^#{1,6}\s+/gm, '')
+    // 移除粗体/斜体标记
+    .replace(/\*\*([^*]*)\*\*/g, '$1')
+    .replace(/\*([^*]*)\*/g, '$1')
+    .replace(/__([^_]*)__/g, '$1')
+    .replace(/_([^_]*)_/g, '$1')
+    // 移除引用标记
+    .replace(/^>\s+/gm, '')
+    // 移除列表标记
+    .replace(/^[\s]*[-*+]\s+/gm, '')
+    .replace(/^[\s]*\d+\.\s+/gm, '')
+    // 移除水平线
+    .replace(/^[-*_]{3,}$/gm, '')
+    // 移除多余空白
+    .replace(/\n{3,}/g, '\n\n')
+    .trim();
+}
+
 export const GET: APIRoute = async () => {
   const posts = await getCollection('posts', ({ data }) => !data.draft);
 
-  const searchIndex = posts.map(post => ({
-    title: post.data.title,
-    description: post.data.description || '',
-    url: `/posts/${post.id.toLowerCase()}`,
-    content: post.body?.substring(0, 500) || '', // 取前500字符作为搜索内容
-    tags: post.data.tags || [],
-    categories: post.data.categories || []
-  }));
+  const searchIndex = posts.map(post => {
+    // 提取纯文本内容用于搜索
+    const plainContent = extractPlainText(post.body || '');
+
+    return {
+      title: post.data.title,
+      description: post.data.description || '',
+      url: `/posts/${post.id.toLowerCase()}`,
+      content: plainContent, // 完整的纯文本内容
+      tags: post.data.tags || [],
+      categories: post.data.categories || []
+    };
+  });
 
   return new Response(JSON.stringify(searchIndex), {
     headers: {