重写 StarBlog 的搜索功能和页面，支持权重设置和结果高亮

前言

最近在整理本地的一些笔记

有些日期不太对的，我的博客上有记录发布和更新时间，所以我去搜索了一下

这时候发现 StarBlog 的搜索功能太简陋了

虽然上次更新增加了一大波功能，也优化了一下搜索功能，之前只能搜索标题，现在可以搜索正文内容了。详见: StarBlog v1.3.0 新版本，一大波更新以及迁移服务器部署

不过有个问题是没有权重，标题的权重应该比正文更高的

按理说这些应该得加入全文检索引擎，Elasticsearch、MeiliSearch 之类的来实现。但这些需要额外的服务，太重了。

再不济也要用 Lucene.NET 这种，这是 Elasticsearch 的基础，但不需要额外服务，纯本地嵌入式，支持权重控制、高亮、分词等功能。

但为了快速实现，这些我都不想用，先用最简单的方式来改进。

同时我也重写了搜索结果页面，之前的页面太业余了。

极简实现

最终我的方案是：在内存里手动算权重 + Regex 实现结果高亮

成本非常低，效果也不错

实现效果

来看看效果吧

这套 StarBlog 的前端是 Bootstrap，样式都得靠 CSS，相对于我现在用的 Tailwind CSS、Shadcn/ui、Magic UI 之类的，太原始了，重写这个界面已经尽力了hhh😄

代码

OK，接下来是大家不感兴趣的代码环节

模型

先定义搜索结果模型

public class SearchPost { public Post Post { get; set; } public int TitleScore { get; set; } public int ContentScore { get; set; } // 标题每命中一次+100分 // 内容命中+1分 public int Score => TitleScore * 100 + ContentScore; public string HighlightedTitle { get; set; } public string HighlightedSnippet { get; set; } } 

搜索逻辑

搜索功能逻辑都在 src/StarBlog.Web/Controllers/SearchController.cs 文件里

在内村里计算权重，从数据库查询出来后，用 Linq 计算权重，关键词出现一次为一分；总分是在 SearchPost 里计算的，标题每命中一次+100分，内容命中+1分

var searchPosts = _postRepo .Where(a => a.IsPublish) .Where(a => a.Title!.Contains(keyword) || a.Content.Contains(keyword) ) .Include(a => a.Category) .ToList() .Select(p => new SearchPost { Post = p, TitleScore = p.Title.ToLower().Split(keyword).Length - 1, ContentScore = p.Content?.ToLower().Split(keyword).Length - 1 ?? 0, }) .OrderByDescending(x => x.Score) .ToList(); 

搜索结果高亮

使用正则表达式来实现结果高亮

var regex = new Regex(Regex.Escape(keyword), RegexOptions.IgnoreCase); foreach (var item in searchPosts) { item.HighlightedTitle = regex.Replace(item.Post.Title, m => $"<mark>{m.Value}</mark>"); item.HighlightedSnippet = GetHighlightedSnippet(item.Post.Content, keyword); } 

生成高亮片段摘要

思路很简单：

• 找到第一个命中的位置
• 截取前后一定长度的内容（比如前后各 50 个字符）
• 再用 Regex 替换加 <mark> 高亮
• 最后拼上 ... 作为省略号

public static string GetHighlightedSnippet(string content, string keyword, int snippetLength = 100) { if (string.IsNullOrEmpty(content) || string.IsNullOrEmpty(keyword)) return string.Empty; var regex = new Regex(Regex.Escape(keyword), RegexOptions.IgnoreCase); var match = regex.Match(content); if (!match.Success) { // 没匹配到，直接取前 snippetLength*2 个字符作为摘要 return content.Length > snippetLength * 2 ? content.Substring(0, snippetLength * 2) + "..." : content; } // 计算截取范围（匹配位置前后各 snippetLength） int start = Math.Max(0, match.Index - snippetLength); int length = Math.Min(content.Length - start, match.Length + snippetLength * 2); string snippet = content.Substring(start, length); // 高亮处理 snippet = regex.Replace(snippet, m => $"<mark>{m.Value}</mark>"); // 前后补省略号（如果不是全文开头或结尾） if (start > 0) snippet = "..." + snippet; if (start + length < content.Length) snippet += "..."; return snippet; } 

小结

重构之后体验更上一层

不过在老架构上修修补补终究不是长久之计

等有空就得赶紧开始 v2 新版的开发💪

PS：接下来也许会拓展一下这个搜索功能，加入多个关键词搜索的支持，再进一步搭配 Lucene.NET 也不无可能。