blocks|key|509164|text|通常在后台使用数据库进行搜索。如果你真的需要搜索，你首先需要一个后端。另一种方法可以是在JavaScript文件中编写关键字->页映射，但这并不是非常动态的，而且不会匹配多个搜索单词。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|509165|entityMap^0|0^^$0|@$1|2|3|4|5|6|7|D|8|@]|9|@]|A|$]]|$1|B|3|-4|5|6|7|E|8|@]|9|@]|A|$]]]|C|$]]

Search is usually done in the backend with a database. If you really need search you will need a backend first of all.
The alternative could be to write a keyword->page mapping in a JavaScript file, but that is not very dynamic and will not match many search words.

blocks|key|890845|text|您至少有两种选择：隆尔和搜索索引。它们都可以在浏览器中运行。|type|unstyled|depth|inlineStyleRanges|entityRanges|offset|length|data|890846|我正在做一些关于搜索索引的工作，所以这是我最了解的，但是我认为这两个都对你的用例有好处。|890847|正如其他一些人所说，您需要解决如何将所有页面的内容添加到一个搜索中。我想最简单的是，如果您可以将内容作为静态页面和一个JSON对象数组输入到搜索引擎中。然后，您可以将搜索索引存储在leveldb+(Chrome)或indexeddb+(Firefox)中，直到下一次循环用户查看该网站为止。|890848|如果你有该网站的链接，并想尝试像这个我正在为它建一个图书馆这样的解决方案。|890849|到目前为止，我已经掌握了爬行器的基本知识。这意味着您必须为脚本提供您想要爬行的所有URL，但对于一个可管理的小型站点而言。我会让它找到的，然后再爬起来。|890850|const+cheerio+=+require('cheerio')
url+=+'https://example.com/a-page-to-crawl.html'
fetch(url)
++.then(function(response)+{
++++return+response.text()
++})
++.then(function(html)+{
++++const+$+=+cheerio.load(html)
++++var+title+=+$('title').text()
++++var+body+=+$('body').text()
++++var+item+=+{url:+url,+title:+title,+body:+body}
++++console.log(item)
})|code-block|syntax|javascript|890851|该文件需要使用brfs插件进行浏览：|890852|browserify+-t+brfs+main.js+--debug+-o+bundle.js|890853|entityMap|0|LINK|mutability|MUTABLE|url|https://lunrjs.com/|1|https://github.com/fergiemcdowall/search-index/|2|https://github.com/eklem/crawler-in-browser^0|9|2|0|C|4|1|0|0|0|I|B|2|0|0|0|0|0^^$0|@$1|2|3|4|5|6|7|16|8|@]|9|@$A|17|B|18|1|19]|$A|1A|B|1B|1|1C]]|C|$]]|$1|D|3|E|5|6|7|1D|8|@]|9|@]|C|$]]|$1|F|3|G|5|6|7|1E|8|@]|9|@]|C|$]]|$1|H|3|I|5|6|7|1F|8|@]|9|@$A|1G|B|1H|1|1I]]|C|$]]|$1|J|3|K|5|6|7|1J|8|@]|9|@]|C|$]]|$1|L|3|M|5|N|7|1K|8|@]|9|@]|C|$O|P]]|$1|Q|3|R|5|6|7|1L|8|@]|9|@]|C|$]]|$1|S|3|T|5|N|7|1M|8|@]|9|@]|C|$O|P]]|$1|U|3|-4|5|6|7|1N|8|@]|9|@]|C|$]]]|V|$W|$5|X|Y|Z|C|$10|11]]|12|$5|X|Y|Z|C|$10|13]]|14|$5|X|Y|Z|C|$10|15]]]]

You have at least a couple of alternatives: <a href="https://lunrjs.com/" rel="nofollow noreferrer">Lunr</a> and <a href="https://github.com/fergiemcdowall/search-index/" rel="nofollow noreferrer">search-index</a>. They both can run in the browser.

I'm doing some work on search-index, so that is the one I know the most about, but I think both of them are good for your use case.

As some of the others say, you need to solve how add the content of all the pages into one search. I guess the easiest is if you can have your content as static pages and as an array of JSON objects that is fed to the search engine. Then you can have the search index stored in leveldb (Chrome) or indexeddb (Firefox) until the next time a recurring user looks at the website.

If you have the link to the website and want to try out a solution like this <a href="https://github.com/eklem/crawler-in-browser" rel="nofollow noreferrer">I'm in the process of making a library for it</a>.

So far I got the basics of the crawler running. It means you have to give the script all the URLs you want to crawl, but for a small site that's manageable. I'll make it find and crawl url's later.

<pre><code>const cheerio = require('cheerio')
url = 'https://example.com/a-page-to-crawl.html'
fetch(url)
 .then(function(response) {
 return response.text()
 })
 .then(function(html) {
 const $ = cheerio.load(html)
 var title = $('title').text()
 var body = $('body').text()
 var item = {url: url, title: title, body: body}
 console.log(item)
})
</code></pre>

The file needs to be browserified with the brfs plugin:

<pre><code>browserify -t brfs main.js --debug -o bundle.js
</code></pre>

I'm currently using Neocities to build my website. The reason for this is because it's one of the few sites I've found where there's no limited website builder and you get to code the website yourself, and the server costs are paid for you. The downside to this is that the site deliberately does not support PHP; I haven't been given a clear answer as to why, but I digress.

I'd like to build a search bar that searches my site's HTML files. I assume that's not hard to do without PHP; the files are already there, it just needs to search for them. Problem is, if it's not done through PHP, it's done though Javascript, which I don't know. I was wondering if someone could guide my through implementing this into my website. I'd prefer not to use engines like Google Custom Search as they put their watermark in the bar and it looks very unprofessional.

Search bar that searches the site's HTML files

翻译质量差，导致语言生硬或混乱。

没有提供实际的解决方法或示例。

解答不清晰，无法理解或解决问题。

页面排版不美观，阅读体验差。

文章

问答

视频

学习中心

腾讯云实验室

直播

竞赛

腾讯云代码分析专区

腾讯iOA零信任安全管理系统专区

腾讯云架构师技术同盟交流圈

腾讯云数据库专区

腾讯云顾问专区

腾讯云原生专区

腾讯混元专区

腾讯云TCE专区

腾讯云Lighthouse专区

腾讯云HAI专区

腾讯云Edgeone专区

腾讯云存储专区

腾讯云智能专区

腾讯轻联专区 

腾讯云开发专区

TAPD专区

腾讯轻量云游戏服专区

腾讯云最具价值专家

腾讯云架构师技术同盟

腾讯云创作之星

腾讯云开发者先锋

腾讯云代码助手

云原生构建

TAPD 敏捷项目管理

Cloud Studio

SDK中心

API中心

命令行工具

涵盖代码开发、场景应用、自动测试全流程，助你从零构建专属AI助手

一站式MCP教程库，解锁AI应用新玩法

我目前正在使用新城市建立我的网站。之所以如此，是因为它是我发现的少数几个网站之一，那里没有有限的网站建设者，你可以自己编写网站代码，服务器费用也会支付给你。这样做的缺点是网站故意不支持PHP；我还没有得到一个明确的答案，为什么，但我离题了。我想要建立一个搜索栏，搜索我的网站的HTML文件。我想，如果没有PHP，这并不难...

问搜索栏，搜索站点的HTML文件
EN

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问搜索栏，搜索站点的HTML文件EN