Perf：Update global search

Author: actions-user

_includes/scripts.html

@@ -102,9 +102,31 @@
             searchInput: sinput, 
             resultsContainer: sresults,
             json: '{{ site.baseurl }}/search.json',
-            searchResultTemplate: '<li><a href="{url}">{title}</a></li>',
-            noResultsText: '<li><p style="padding:0 15px; color:#999;">无内容</p></li>',
-            limit: 8
+            searchResultTemplate: '<li><a href="{url}"><div class="search-result-title">{title}</div><div class="search-result-meta"><i class="fas fa-calendar-alt"></i> {date}</div><div class="search-result-snippet">{content}</div></a></li>',
+            noResultsText: '<li><p style="padding:15px; color:var(--text-main);">没有找到相关内容哦...</p></li>',
+            limit: 8,
+            templateMiddleware: function(prop, value, template) {
+                if (prop === 'content') {
+                    const query = sinput.value.toLowerCase().trim();
+                    if (!query) return '';
+                    const contentLower = value.toLowerCase();
+                    const index = contentLower.indexOf(query);
+                    if (index === -1) {
+                        return value.substring(0, 80) + '...';
+                    }
+                    const start = Math.max(0, index - 30);
+                    const end = Math.min(value.length, index + query.length + 50);
+                    let snippet = value.substring(start, end);
+                    if (start > 0) snippet = '...' + snippet;
+                    if (end < value.length) snippet = snippet + '...';
+                    
+                    // 高亮关键词
+                    const regex = new RegExp(`(${query.replace(/[.*+?^${}()|[\]\\]/g, '\\$&')})`, 'gi');
+                    snippet = snippet.replace(regex, '<span class="search-highlight">$1</span>');
+                    return snippet;
+                }
+                return value;
+            }
         });
     }
 

assets/css/main.css

@@ -545,3 +545,39 @@ footer {
     font-weight: bold;
     color: var(--primary-color);
 }
+
+/* 15. Search Results Enhancement */
+.search-result-title {
+    font-weight: bold;
+    font-size: 1.05em;
+    color: var(--primary-color);
+    margin-bottom: 4px;
+}
+
+.search-result-meta {
+    font-size: 0.8em;
+    color: #888;
+    margin-bottom: 6px;
+}
+
+.search-result-snippet {
+    font-size: 0.85em;
+    color: var(--text-main);
+    line-height: 1.4;
+    display: -webkit-box;
+    -webkit-line-clamp: 3;
+    -webkit-box-orient: vertical;
+    overflow: hidden;
+}
+
+.search-highlight {
+    background-color: rgba(255, 193, 7, 0.4);
+    color: var(--primary-color);
+    font-weight: bold;
+    padding: 0 2px;
+    border-radius: 2px;
+}
+
+.dark-mode .search-highlight {
+    background-color: rgba(255, 193, 7, 0.2);
+}

package.json

@@ -0,0 +1,5 @@
+{
+  "dependencies": {
+    "jsdom": "^29.0.1"
+  }
+}

search.json

@@ -3,11 +3,12 @@
 [
   {% for post in site.posts %}
     {
-      "title"    : "{{ post.title | escape }}",
-      "category" : "{{ post.categories | join: ', ' }}",
-      "tags"     : "{{ post.tags | join: ', ' }}",
-      "url"      : "{{ site.baseurl }}{{ post.url }}",
-      "date"     : "{{ post.date | date: '%Y-%m-%d' }}"
+      "title"    : {{ post.title | jsonify }},
+      "category" : {{ post.categories | join: ', ' | jsonify }},
+      "tags"     : {{ post.tags | join: ', ' | jsonify }},
+      "url"      : {{ site.baseurl | append: post.url | jsonify }},
+      "date"     : {{ post.date | date: '%Y-%m-%d' | jsonify }},
+      "content"  : {{ post.content | strip_html | strip_newlines | jsonify }}
     } {% unless forloop.last %},{% endunless %}
   {% endfor %}
-]
+]