本地搜索

幻梦主题内置本地搜索功能,无需第三方服务即可实现全文检索。

工作原理

搜索功能通过构建 JSON 索引文件实现:

[
  {
    "title": "文章标题",
    "permalink": "/posts/article/",
    "date": "2026-04-01",
    "content": "文章内容(前500字符)",
    "tags": ["tag1", "tag2"]
  }
]

搜索体验

用户按下 Ctrl+K 或点击搜索按钮即可唤出搜索面板。搜索支持实时过滤,输入即搜:

function performSearch(query) {
  const normalizedQuery = query.toLowerCase();
  const results = searchIndex.filter(item => {
    return item.title.includes(normalizedQuery) ||
           item.content.includes(normalizedQuery);
  });
  displayResults(results, query);
}

结果展示

搜索结果以列表形式展示,包含标题、内容摘要、日期和标签,匹配关键词会高亮显示:

.search-highlight {
  background-color: var(--c-primary-200);
  color: var(--c-primary-700);
  border-radius: 2px;
}

搜索面板采用磨砂玻璃效果,与主题整体视觉保持一致。