Как добавить функцию поиска на статический сайт?

Я разрабатываю своего рода сайт типа энциклопедии. По сути, сайт содержит страницы со словами, определениями, концепциями и сообщениями в блогах, и я намерен добавлять новую страницу / сообщение примерно каждую неделю. В настоящее время у меня есть около 40 HTML-страниц для каждого сообщения. Раньше я публиковал репозиторий сайта на Github Pages, но недавно я принял решение разместить свой сайт через Netlify. До сих пор мне нравились функции Netlify, и они значительно улучшили мой процесс разработки.

Однако мой сайт остается статичным. Чтобы было ясно, я не создавал файлы сайта с помощью генератора статических сайтов, такого как Next.js или Jekyll. Я хотел, чтобы проект стал практикой жесткого кодирования. Единственными файлами в каталоге в настоящее время являются файлы HTML, CSS и JS (вместе с атрибутами git и такими вещами, как значки и шрифты). Я просмотрел разделы веб-приложений и функций Netlify, однако ничего из того, что я нашел, действительно не попадает в категорию отметьте, будь то потому, что я новый пользователь Netlify, или потому, что у меня не обязательно большой опыт в индексировании сайтов и / или серверных приложениях.

У меня вопрос: как я могу реализовать панель поиска и функцию поиска по заголовку на домашней странице моего статического сайта? Это позволит зрителям легко найти любую конкретную мою публикацию после посещения. Я бы хотел, чтобы панель поиска ТОЛЬКО выполняла поиск по заголовку каждого html-файла (по крайней мере, на данный момент) в определенной папке, которая у меня есть для сообщений. Дополнительные вопросы могут заключаться в том, какие веб-приложения, если таковые имеются, мне следует использовать для этого, и следует ли мне подумать об изменении процесса, в котором я разрабатываю и размещаю сайт, чтобы учесть это?


person semishawn    schedule 23.11.2019    source источник


Ответы (2)


Я думаю, что, поскольку вы не используете базу данных, у вас не может быть функции поиска в приложении. но вы можете искать в Google на своем веб-сайте. Проверь это. https://cse.google.com/cse/

person kushal parikh    schedule 23.11.2019

Посмотрите на Lunr.js / ElasticLunr.js. Оба позволяют создать индекс в виде файла и предоставить доступ к Javascript, который может быть встроен в вашу страницу.

В настоящее время я прорабатываю этот процесс.

person Chuck McKnight    schedule 28.01.2021