评论区侧边栏

2026-06-18 16:03:38 +08:00
parent ebaf187d89
commit ce4a201508
6 changed files with 368 additions and 7 deletions
@@ -19,6 +19,7 @@ const currentYear = new Date().getFullYear();
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <meta name="description" content={description} />
    <link rel="icon" href="/images/Bi.ico" />
+    <link rel="stylesheet" href="https://cdn.jsdmirror.com/npm/instantsearch.css/themes/reset-min.css" />
    <title>{pageTitle}</title>
  </head>
  <body>
@@ -31,6 +32,13 @@ const currentYear = new Date().getFullYear();
          <a href="/tags/">标签</a>
          <a href="/about/">关于</a>
          <a href="/link/">友链</a>
+          <button class="nav-search search-typesense-trigger" type="button" aria-label="搜索" title="搜索">
+            <svg aria-hidden="true" viewBox="0 0 24 24">
+              <path d="m21 21-4.3-4.3" />
+              <circle cx="11" cy="11" r="7" />
+            </svg>
+            <span>搜索</span>
+          </button>
        </div>
      </nav>
    </header>
@@ -92,6 +100,9 @@ const currentYear = new Date().getFullYear();
        </section>
      </div>
    </footer>
+    <script is:inline src="https://cdn.jsdmirror.com/npm/instantsearch.js@4.56.0"></script>
+    <script is:inline src="https://cdn.jsdmirror.com/npm/typesense-instantsearch-adapter@2.7.0/dist/typesense-instantsearch-adapter.min.js"></script>
+    <script is:inline src="/js/search/typesense-search.js"></script>
    <script is:inline>
      (() => {
        const runtime = document.getElementById('site-runtime');