静态博客如何实现站内搜索内容介绍

静态博客

通过写文章，我们

然后通过hexo等开源框架，就可以生成自己的纯静态博客网站。

通过我们的云服务器，或者借助gitee，我们还可以将生成的纯静态页面发布出来，直接从互联网上访问。

但静态博客如何实现站内搜索呢？

简单的方法就是使用搜索引擎或者第三方提供的现场搜索服务，这里不再讨论。 搜索是通过js实现的。 我们将对此进行详细介绍]。 如何用js实现搜索

其实原理很简单，就像把大象放进冰箱的步骤一样。

打开冰箱门

维护配置信息。

例如，我们有三篇文章

java入门， 内容：java入门文章
go入门， 内容：go入门文章
python入门， 内容：python入门文章

摘录文章标题和网址：

{
    "1": "java入门-url",
    "2": "go入门-url",
    "3": "python入门-url"
}

使用数字将文章标题与 URL 关联起来。

文章内容摘录：

{
    "java":"1-1",
    "go":"2-1",
    "python":"3-1",
    "入门":"1-1,2-1,3-1",
    "文章":"1-1,2-1,3-1",
}

通过例子就可以清楚上面的内容了：

例如“入门”:“1-1, 2-1, 3-1”表示关键字“入门”出现在第1条第一行，也出现在第2条第一行，并且也出现在第1条第一行，也出现在第2条第一行出现在文章第一行3。

其实就是反向索引的一些想法，只不过我们没有对内容进行压缩优化，以js友好的js格式保存。 毕竟，每天每分钟都会写大量的个人笔记。 。 。

我们完全可以用我们擅长的语言来分析上面摘录的内容，生成这样的json内容，直接保存为js中的全局变量。

把大象放进去

js运行配置信息。

这次就更简单了。 我们获取用户输入的搜索关键字并在json中进行匹配。

例如，如果我们输入java，我们将得到“1-1”，

我们知道关键字java出现在第1条的第一行。

第 1 条对应“Java 简介”一文。

然后关上门

把大象放进冰箱只需三步，我们也是如此。 第三部分即将发布。