add a search page

exampleSite/content/search.md

@@ -0,0 +1,40 @@
+---
+title: Search
+menu:
+  main:
+    weight: 4
+---
+
+The searching is performed via fuse.js. For the search keywords, white spaces act as the `AND` operator, and `|` acts as the `OR` operator. To match an exact phrase, double quote it. For example, `R Markdown` matches articles that contain both `R` and `Markdown`, `R | Markdown` matches articles that contain `R` or `Markdown`, and `"R Markdown"` matches articles that contain the whole phrase `R Markdown`.
+
+<style type="text/css">
+.main {
+  width: 100%;
+}
+#search-input {
+  width: 100%;
+  font-size: 1.2em;
+  padding: .5em;
+}
+.search-results b {
+  background-color: yellow;
+}
+.search-preview {
+  margin-left: 2em;
+}
+.single .main a, .single .main h2 {
+  border-bottom: none;
+}
+</style>
+
+<input type="search" id="search-input">
+
+<div class="search-results">
+<section>
+<h2 class="toc-line"><a target="_blank"></a><span class="dots"></span><span class="page-num small"></span></h2>
+<div class="search-preview"></div>
+</section>
+</div>
+
+<script src="https://cdn.jsdelivr.net/npm/fuse.js@6.6.2" defer></script>
+<script src="https://cdn.jsdelivr.net/npm/@xiee/utils/js/fuse-search.min.js" defer></script>