docfx 怎么使用 docfx Lunrjs搜索

要在docfx中使用Lunr.js搜索，您需要执行以下步骤：

安装Lunr.js：您可以通过运行以下命令来安装Lunr.js：

npm install lunr

创建一个搜索索引：在您的docfx项目中，您需要创建一个用于搜索的索引文件。您可以创建一个JavaScript文件，将其命名为searchIndex.js，并将其放在您的docfx项目的根目录中。在该文件中，您需要执行以下操作：

引入Lunr.js：

var lunr = require('lunr');

创建一个Lunr.js搜索索引：

var index = lunr(function () {
  this.field('title', { boost: 10 });
  this.field('content');
  this.ref('href');
});

将您的文档数据添加到搜索索引中：

// 假设您有一个名为docs的数组，其中包含了您的文档数据
docs.forEach(function (doc) {
  index.add(doc);
});

将搜索索引导出为一个全局变量：

// 假设您将搜索索引导出为一个名为searchIndex的全局变量
window.searchIndex = index;

配置docfx以使用Lunr.js搜索：在您的docfx项目的docfx.json文件中，找到build部分，并将其配置为使用Lunr.js搜索。在build部分中，添加以下配置：

"globalMetadata": {
  "search": "lunr"
}

添加搜索框：在您的docfx项目的适当位置，将以下HTML代码添加到您的HTML文件中，以显示搜索框：

<input type="text" id="search-box" placeholder="Search">
<div id="search-results"></div>

创建搜索功能：在您的HTML文件中，添加以下JavaScript代码，以实现搜索功能：

var searchBox = document.getElementById('search-box');
var searchResults = document.getElementById('search-results');

searchBox.addEventListener('input', function () {
  var query = searchBox.value;
  var results = window.searchIndex.search(query);

  searchResults.innerHTML = '';

  results.forEach(function (result) {
    var link = document.createElement('a');
    link.href = result.ref;
    link.textContent = result.ref;
    searchResults.appendChild(link);
  });
});

现在，当用户在搜索框中输入内容时，您的docfx项目将使用Lunr.js搜索来搜索文档，并将搜索结果显示在search-results元素中