Hugo完善搜索显示
彻底过滤掉搜索结果中的图片地址(如 img/20241122%E5%BE%90%E5%B7%9E%E..),核心是增强 removeLinks函数,新增图片路径、图片文件、URL 编码字符的过滤规则。
核心修改点
- 重命名并增强 removeLinks 为 removeLinksAndImages:新增图片路径 / 文件 / 编码字符过滤
- 过滤所有图片相关内容:匹配 img/images 路径、.jpg/.png 等图片后缀、URL 编码字符(如 %E5)
- 移除所有 HTML 标签:彻底剥离 <img>/<a> 等标签,仅保留纯文本
关键修改说明
| 调整项 | 原逻辑 | 新逻辑(增强版 removeLinksAndImages) |
|---|---|---|
| 函数命名 | removeLinks | 重命名为 removeLinksAndImages,语义更清晰 |
| HTML 标签处理 | 仅移除<a>标签 | 移除所有 HTML 标签(<img>/<a>/<div>等),彻底剥离标签 |
| 图片路径过滤 | 无 | 匹配 img/images/ 开头的路径(包括相对路径 ./img/../img/),直接清空 |
| 图片文件过滤 | 无 | 匹配 .jpg/.png/.gif 等图片后缀的路径,彻底移除 |
| URL 编码过滤 | 无 | 移除 %E5%BE%90 这类 URL 编码字符,避免乱码 / 数字残留 |
效果验证
搜索 “22” 时,以下内容会被彻底过滤:
- 图片路径:img/20241122%E5%BE%90%E5%B7%9E%E.. → 直接清空
- 图片文件名:20241122_xxx.jpg → 直接清空
- URL 编码字符:%E5%BE%90 → 直接清空
- 仅保留文章中的纯文本内容,不会出现任何图片地址 / 数字残留
你博客是用 hugo 搭建的?我还以为是 WordPress 呢。
这个是wp,另外一个是hugo,两个同步更新的。
看见了,速度很快,不知道是不是部署在 Github 上?
没用Github,和wp一起放在轻量云服务器上。
原来如此,我之前也用过 Hugo + Github 的方式写过博客,不过最后还是换回我最喜欢的 Typecho 了。![[破涕为笑]](https://illl.xyz/wp-content/themes/Simple/img/smilies/icon_lol.png)
优化的不错。测试。
有时候想法来了就改着玩
不明觉厉,我已经抛弃搜索。。。
我有时候不在电脑边,想到要查看个什么,就通过搜索查看,比较方便吧,不然的话在本地完全可以搜索。我那hugo博客没有分类标签rss留言,全部去掉,只有搜索,哈。