algolia docsearch v2 (legacy)

justinmk · justinmk · commit 6d9a3c454844 · 2023-05-30T14:19:04.000-04:00
https://docsearch.algolia.com/docs/legacy/dropdown
diff --git a/_layouts/default.html b/_layouts/default.html
@@ -8,21 +8,70 @@
     {% feed_meta %}
     <title>{% if page.title %}{{ page.title }} - {% endif %}{{ site.title }}</title>
     <link href="/css/normalize.min.css" rel="stylesheet">
-		<link href="/css/bootstrap.min.css" rel="stylesheet">
+    <link href="/css/bootstrap.min.css" rel="stylesheet">
     <link href="/css/main.css" rel="stylesheet">
     <link href="/css/neovim-hi.css" rel="stylesheet">
     <link rel="canonical" href="{{ site.url }}{% if page.canonical_url %}{{ page.canonical_url }}{% else %}{{ page.url }}{% endif %}" />
+
+    <!-- v3 -->
+    <!-- <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@docsearch/css@3" /> -->
+    <!-- legacy -->
+    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/docsearch.js@2/dist/cdn/docsearch.min.css" />
   </head>
 
   <body>
+    testtttttttttttt
+    <!-- <div id="docsearch"></div> -->
+    <input id="docsearch"></input>
+
+    testtttttttttttt
     {{ content }}
 
+    testtttttttttttt
     {% include footer.html %}
 
-		{%- comment -%}Only used in bountysource{%- endcomment -%}	
-		<script src="/js/jquery.js"></script>
+    {%- comment -%}Only used in bountysource{%- endcomment -%}      
+    <script src="/js/jquery.js"></script>
     <script src="/js/sponsors-override.js"></script>
     <script src="/js/sponsors.js"></script>
-		<script src="/js/bootstrap.min.js"></script>
+    <script src="/js/bootstrap.min.js"></script>
+
+    <!-- Before the closing </body> -->
+    <script src="https://cdn.jsdelivr.net/npm/docsearch.js@2/dist/cdn/docsearch.min.js"></script>
+    <script>
+      docsearch({
+        // Your Algolia Application ID
+        appId: 'R2IYF7ETH7',
+        // Your Search API Key
+        apiKey: '599cec31baffa4868cae4e79f180729b',
+        // The index populated by the DocSearch scraper
+        indexName: 'docsearch',
+        inputSelector: '#docsearch',
+        // Set debug to true to inspect the dropdown
+        debug: true,
+      });
+    </script>
+
+    <!--
+    <script src="https://cdn.jsdelivr.net/npm/@docsearch/js@3"></script>
+    <script type="module">
+      import docsearch from '@docsearch/js';
+
+      import '@docsearch/css';
+
+      docsearch({
+        container: '#docsearch',
+        appId: 'R2IYF7ETH7',
+        apiKey: '599cec31baffa4868cae4e79f180729b',
+        indexName: 'docsearch',
+      });
+      //docsearch({
+      //  container: '#docsearch',
+      //  appId: 'YOUR_APP_ID',
+      //  indexName: 'YOUR_INDEX_NAME',
+      //  apiKey: 'YOUR_SEARCH_API_KEY',
+      //});
+    </script>
+    -->
   </body>
 </html>
