Hexo NexT主题配置搜索功能教程

Hexo NexT主题配置搜索功能教程,第1张

首发于 羽毛工作室官方博客 ——和有趣的人做尽有趣的事!

之前我说:关于搜索功能,我也没用,配置麻烦不说,这完全就是一个只能感动自己的功能。谁会在你的博客内搜索而不是用搜索引擎搜索呢。如果只是为了快速索引文章。那么做好文章分类,甚至自己编排一个文章目录,用户体验会更好。而且我始终认为。博客的文章,就是需要定期归档与整理的,这样才真正意义上免去内容沉积的问题,为读者创造最好的阅读体验。

啪啪打脸,配置之后发现,Local Search搜索功能真香!

已经集成在Next主题中,只需要简单的配置即可使用,而且体验非常好。 官方文档中 也有详细的安装说明,如下图。

第一步,安装 hexo-generator-searchdb ,在站点的根目录下执行以下命令:

第二步,编辑【站点配置文件】,新增以下内容到任意位置:

第三步,编辑【主题配置文件】,启用本地搜索功能:

之前立flag的时候就应该想到会有打脸的一天,本来想偷偷把之前的内容改了,实在没必要。打脸就打脸呗,又不是第一次了。

主要是出现了新的需求,《羽毛闻荐》专栏中会推荐大量的内容,试想有一天,当我想分享某篇文章时,出现了“咦!这篇内容我是不是之前推荐过?”的疑虑,该怎么办呢?难道要把之前的内容都浏览一遍吗,可以但没必要。

搜索功能很好的解决了这个需求。而且是本地调取数据,加载速度极快。至于弊端嘛,我相信随着内容数量增多,一定会出现各种问题。但静态博客本就有这种通病,到时候做好文章分类,甚至自己编排一个文章目录,从而提升用户体验即可。

hexotabbar文章显示修改主题配置文件wrap

Hexo是一款基于Node.js的静态博客框架,依赖少易于安装使用,可以方便的生成静态网页托管在GitHub和Coding上,是搭建博客的首选框架。大家可以进入hexo官网进行详细查看,因为Hexo的创建者是台湾人,对中文的支持很友好,可以选择中文进行查看。

教程分三个部分,

第一部分:hexo的初级搭建还有部署到github page上,以及个人域名的绑定

第二部分:hexo的基本配置,更换主题,实现多终端工作,以及在coding page部署实现国内外分

第三部分:hexo添加各种功能,包括搜索的SEO,阅读量统计,访问量统计和评论系统等。


欢迎分享,转载请注明来源:夏雨云

原文地址:https://www.xiayuyun.com/zonghe/744789.html

(0)
打赏 微信扫一扫微信扫一扫 支付宝扫一扫支付宝扫一扫
上一篇 2023-08-14
下一篇2023-08-14

发表评论

登录后才能评论

评论列表(0条)

    保存