hexo-theme-stellar 1.27.0 → 1.28.0

package/_config.yml

@@ -1,6 +1,6 @@
 ######## Stellar info ########
 stellar:
-  version: '1.27.0'
+  version: '1.28.0'
   homepage: 'https://xaoxuu.com/wiki/stellar/'
   repo: 'https://github.com/xaoxuu/hexo-theme-stellar'
   main_css: /css/main.css
@@ -145,11 +145,15 @@ article:
     max_count: 5
 
 search:
-  service: local_search # local_search, todo...
+  service: local_search # local_search, algolia_search, todo...
   local_search: # 在 front-matter 中设置 indexing:false 来避免被搜索索引
     field: all # post, page, all
     path: /search.json # 搜索文件存放位置
     content: true # 是否搜索内容
+  algolia_search: # Docsearch https://docsearch.algolia.com/apply/ 申请
+    appId: 
+    apiKey: 
+    indexName: 
 
 
 ######## Comments ########
@@ -204,9 +208,9 @@ comments:
   # Waline
   # https://waline.js.org/
   waline:
-    js: https://gcore.jsdelivr.net/npm/@waline/client@3.1.2/dist/waline.js
-    css: https://gcore.jsdelivr.net/npm/@waline/client@3.1.2/dist/waline.css
-    meta_css: https://gcore.jsdelivr.net/npm/@waline/client@3.1.2/dist/waline-meta.css
+    js: https://gcore.jsdelivr.net/npm/@waline/client@3.1.3/dist/waline.js
+    css: https://gcore.jsdelivr.net/npm/@waline/client@3.1.3/dist/waline.css
+    meta_css: https://gcore.jsdelivr.net/npm/@waline/client@3.1.3/dist/waline-meta.css
     # Waline server address url, you should set this to your own link
     serverURL: https://waline.vercel.app
     # If false, comment count will only be displayed in post page, not in home page

package/_data/icons.yml

@@ -31,7 +31,7 @@ default:category: <svg style="margin-bottom:1px" xmlns="http://www.w3.org/2000/s
 # 编辑本文
 default:edit: <svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 24 24"><path fill="currentColor" fill-rule="evenodd" d="M11.943 1.25H13.5a.75.75 0 0 1 0 1.5H12c-2.378 0-4.086.002-5.386.176c-1.279.172-2.05.5-2.62 1.069c-.569.57-.896 1.34-1.068 2.619c-.174 1.3-.176 3.008-.176 5.386s.002 4.086.176 5.386c.172 1.279.5 2.05 1.069 2.62c.57.569 1.34.896 2.619 1.068c1.3.174 3.008.176 5.386.176s4.086-.002 5.386-.176c1.279-.172 2.05-.5 2.62-1.069c.569-.57.896-1.34 1.068-2.619c.174-1.3.176-3.008.176-5.386v-1.5a.75.75 0 0 1 1.5 0v1.557c0 2.309 0 4.118-.19 5.53c-.194 1.444-.6 2.584-1.494 3.479c-.895.895-2.035 1.3-3.48 1.494c-1.411.19-3.22.19-5.529.19h-.114c-2.309 0-4.118 0-5.53-.19c-1.444-.194-2.584-.6-3.479-1.494c-.895-.895-1.3-2.035-1.494-3.48c-.19-1.411-.19-3.22-.19-5.529v-.114c0-2.309 0-4.118.19-5.53c.194-1.444.6-2.584 1.494-3.479c.895-.895 2.035-1.3 3.48-1.494c1.411-.19 3.22-.19 5.529-.19m4.827 1.026a3.503 3.503 0 0 1 4.954 4.953l-6.648 6.649c-.371.37-.604.604-.863.806a5.34 5.34 0 0 1-.987.61c-.297.141-.61.245-1.107.411l-2.905.968a1.492 1.492 0 0 1-1.887-1.887l.968-2.905c.166-.498.27-.81.411-1.107c.167-.35.372-.68.61-.987c.202-.26.435-.492.806-.863zm3.893 1.06a2.003 2.003 0 0 0-2.832 0l-.376.377c.022.096.054.21.098.338c.143.413.415.957.927 1.469a3.875 3.875 0 0 0 1.807 1.025l.376-.376a2.003 2.003 0 0 0 0-2.832m-1.558 4.391a5.397 5.397 0 0 1-1.686-1.146a5.395 5.395 0 0 1-1.146-1.686L11.218 9.95c-.417.417-.58.582-.72.76a3.84 3.84 0 0 0-.437.71c-.098.203-.172.423-.359.982l-.431 1.295l1.032 1.033l1.295-.432c.56-.187.779-.261.983-.358c.251-.12.49-.267.71-.439c.177-.139.342-.302.759-.718z" clip-rule="evenodd"/></svg>
 default:upup: <svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 24 24"><g fill="none" stroke="currentColor" stroke-width="1.5"><path d="M2 12c0-4.714 0-7.071 1.464-8.536C4.93 2 7.286 2 12 2c4.714 0 7.071 0 8.535 1.464C22 4.93 22 7.286 22 12c0 4.714 0 7.071-1.465 8.535C19.072 22 16.714 22 12 22s-7.071 0-8.536-1.465C2 19.072 2 16.714 2 12Z"/><path stroke-linecap="round" stroke-linejoin="round" d="m9 15.5l3-3l3 3m-6-4l3-3l3 3"/></g></svg>
-
+default:tocomment: <svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 24 24"><path fill="currentColor" fill-rule="evenodd" d="M10.46 1.25h3.08c1.603 0 2.86 0 3.864.095c1.023.098 1.861.3 2.6.752a5.75 5.75 0 0 1 1.899 1.899c.452.738.654 1.577.752 2.6c.095 1.004.095 2.261.095 3.865v1.067c0 1.141 0 2.036-.05 2.759c-.05.735-.153 1.347-.388 1.913a5.75 5.75 0 0 1-3.112 3.112c-.805.334-1.721.408-2.977.43a10.81 10.81 0 0 0-.929.036c-.198.022-.275.054-.32.08c-.047.028-.112.078-.224.232c-.121.166-.258.396-.476.764l-.542.916c-.773 1.307-2.69 1.307-3.464 0l-.542-.916a10.605 10.605 0 0 0-.476-.764c-.112-.154-.177-.204-.224-.232c-.045-.026-.122-.058-.32-.08c-.212-.023-.49-.03-.93-.037c-1.255-.021-2.171-.095-2.976-.429A5.75 5.75 0 0 1 1.688 16.2c-.235-.566-.338-1.178-.389-1.913c-.049-.723-.049-1.618-.049-2.76v-1.066c0-1.604 0-2.86.095-3.865c.098-1.023.3-1.862.752-2.6a5.75 5.75 0 0 1 1.899-1.899c.738-.452 1.577-.654 2.6-.752C7.6 1.25 8.857 1.25 10.461 1.25M6.739 2.839c-.914.087-1.495.253-1.959.537A4.25 4.25 0 0 0 3.376 4.78c-.284.464-.45 1.045-.537 1.96c-.088.924-.089 2.11-.089 3.761v1c0 1.175 0 2.019.046 2.685c.045.659.131 1.089.278 1.441a4.25 4.25 0 0 0 2.3 2.3c.515.214 1.173.294 2.429.316h.031c.398.007.747.013 1.037.045c.311.035.616.104.909.274c.29.17.5.395.682.645c.169.232.342.525.538.856l.559.944a.52.52 0 0 0 .882 0l.559-.944c.196-.331.37-.624.538-.856c.182-.25.392-.476.682-.645c.293-.17.598-.24.909-.274c.29-.032.639-.038 1.037-.045h.032c1.255-.022 1.913-.102 2.428-.316a4.25 4.25 0 0 0 2.3-2.3c.147-.352.233-.782.278-1.441c.046-.666.046-1.51.046-2.685v-1c0-1.651 0-2.837-.089-3.762c-.087-.914-.253-1.495-.537-1.959a4.25 4.25 0 0 0-1.403-1.403c-.464-.284-1.045-.45-1.96-.537c-.924-.088-2.11-.089-3.761-.089h-3c-1.651 0-2.837 0-3.762.089" clip-rule="evenodd"/><path fill="currentColor" d="M9 11a1 1 0 1 1-2 0a1 1 0 0 1 2 0m4 0a1 1 0 1 1-2 0a1 1 0 0 1 2 0m4 0a1 1 0 1 1-2 0a1 1 0 0 1 2 0"/></svg>
 
 github:logo: <svg aria-hidden="true" role="img" class="color-icon-primary" viewBox="0 0 16 16" width="1em" height="1em" fill="currentColor" style="display:inline-block;user-select:none;vertical-align:text-bottom;overflow:visible"><path fill-rule="evenodd" d="M8 0C3.58 0 0 3.58 0 8c0 3.54 2.29 6.53 5.47 7.59.4.07.55-.17.55-.38 0-.19-.01-.82-.01-1.49-2.01.37-2.53-.49-2.69-.94-.09-.23-.48-.94-.82-1.13-.28-.15-.68-.52-.01-.53.63-.01 1.08.58 1.23.82.72 1.21 1.87.87 2.33.66.07-.52.28-.87.51-1.07-1.78-.2-3.64-.89-3.64-3.95 0-.87.31-1.59.82-2.15-.08-.2-.36-1.02.08-2.12 0 0 .67-.21 2.2.82.64-.18 1.32-.27 2-.27.68 0 1.36.09 2 .27 1.53-1.04 2.2-.82 2.2-.82.44 1.1.16 1.92.08 2.12.51.56.82 1.27.82 2.15 0 3.07-1.87 3.75-3.65 3.95.29.25.54.73.54 1.48 0 1.07-.01 1.93-.01 2.2 0 .21.15.46.55.38A8.013 8.013 0 0016 8c0-4.42-3.58-8-8-8z"></path></svg>
 github:repo: <svg aria-hidden="true" role="img" class="color-icon-primary" viewBox="0 0 16 16" width="1em" height="1em" fill="currentColor" style="user-select:none;overflow:visible"><path fill-rule="evenodd" d="M2 2.5A2.5 2.5 0 014.5 0h8.75a.75.75 0 01.75.75v12.5a.75.75 0 01-.75.75h-2.5a.75.75 0 110-1.5h1.75v-2h-8a1 1 0 00-.714 1.7.75.75 0 01-1.072 1.05A2.495 2.495 0 012 11.5v-9zm10.5-1V9h-8c-.356 0-.694.074-1 .208V2.5a1 1 0 011-1h8zM5 12.25v3.25a.25.25 0 00.4.2l1.45-1.087a.25.25 0 01.3 0L8.6 15.7a.25.25 0 00.4-.2v-3.25a.25.25 0 00-.25-.25h-3.5a.25.25 0 00-.25.25z"></path></svg>

package/languages/en.yml

@@ -14,6 +14,7 @@ btn:
   getting_started: Getting Started
   edit: Edit This Page
   top: Scroll to Top
+  comments: Join Discussion
 
 meta:
   recent_update: Recent Update

package/languages/zh-CN.yml

@@ -14,6 +14,7 @@ btn:
   getting_started: 开始使用
   edit: 编辑本文
   top: 回到顶部
+  comments: 参与讨论
 
 meta:
   recent_update: 最近更新

package/languages/zh-TW.yml

@@ -14,6 +14,7 @@ btn:
   getting_started: 開始使用
   edit: 編輯本文
   top: 回到頂部
+  comments: 參與討論
 
 meta:
   recent_update: 最近更新

package/layout/_partial/comments/layout.ejs

@@ -14,15 +14,20 @@ if (theme.comments.service && theme.comments.service.length > 0) {
 // 合并项目评论
 const proj = theme.wiki.tree[page.wiki]
 if (loadComment && (proj != null)) {
-  if (proj.comment_title != undefined && page.comment_title == undefined) {
-    if (['utterances', 'beaudar', 'giscus'].includes(theme.comments.service)) {
-      page.comment_title = proj.comment_title;
+  if (proj.comments === false) {
+    loadComment = false;
+    page.comments = false;
+  } else {
+    if (proj.comment_title != undefined && page.comment_title == undefined) {
+      if (['utterances', 'beaudar', 'giscus'].includes(theme.comments.service)) {
+        page.comment_title = proj.comment_title;
+      }
+    }
+    if (proj.comments && proj.comments.service) {
+      cmt = proj.comments;
+      let s = proj.comments.service;
+      cmt[s] = Object.assign({}, theme.comments[s], proj.comments[s]);
     }
-  }
-  if (proj.comments && proj.comments.service) {
-    cmt = proj.comments;
-    let s = proj.comments.service;
-    cmt[s] = Object.assign({}, theme.comments[s], proj.comments[s]);
   }
 }
 if (cmt.service && page[cmt.service]) {

package/layout/_partial/head.ejs

@@ -102,7 +102,8 @@ function custom_inject() {
   <meta name="HandheldFriendly" content="True" >
   <meta name="apple-mobile-web-app-capable" content="yes">
   <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
-  <meta name="theme-color" content="#f8f8f8">
+  <meta name="theme-color" media="(prefers-color-scheme: light)" content="#f9fafb">
+  <meta name="theme-color" media="(prefers-color-scheme: dark)" content="#000">
   
   <title><%- generate_title() %></title>
 

package/layout/_partial/widgets/toc.ejs

@@ -55,6 +55,12 @@ function layoutDiv(fallback) {
   el += icon('default:upup')
   el += `<span>${__('btn.top')}</span>`
   el += `</a>`
+  if (page.comments) {
+    el += `<a class="buttom" onclick="util.scrollComment()">`
+    el += icon('default:tocomment')
+    el += `<span>${__('btn.comments')}</span>`
+    el += `</a>`
+  }
   el += `</div>`
   el += `</widget>`
   return el

package/layout/_plugins/search/algolia_search.ejs

@@ -0,0 +1,13 @@
+<script>
+    window.addEventListener('DOMContentLoaded', (event) => {
+      window.searchConfig = {
+        appId: '<%- conf.appId %>', 
+        apiKey: '<%- conf.apiKey %>', 
+        indexName: '<%- conf.indexName %>', 
+        hitsPerPage: 100, 
+      };
+      utils.js('https://gcore.jsdelivr.net/algoliasearch/3/algoliasearch.min.js', { defer: true });
+      utils.js('/js/search/algolia-search.js', { defer: true });
+    });
+  </script>
+  

package/layout/_plugins/swiper.ejs

@@ -10,7 +10,7 @@
           spaceBetween: 8,
           centeredSlides: true,
           effect: effect,
-          loop: true,
+          rewind: true,
           pagination: {
             el: '.swiper-pagination',
             clickable: true,
@@ -23,4 +23,4 @@
       })
     }
   });
-</script>
+</script>

package/layout/_plugins/tianli_gpt.ejs

@@ -1,4 +1,7 @@
-<% if (['all', page.layout].includes(theme.plugins.tianli_gpt.field)) { %>
+<% 
+const { field } = theme.plugins.tianli_gpt;
+const matchesField = field === 'all' || field === layout || (field === 'wiki' && page.wiki) || (field === 'topic' && page.topic);
+if (matchesField) { %>
   <script defer src="<%- theme.plugins.tianli_gpt?.js %>"></script>
   <script defer>
     window.addEventListener('DOMContentLoaded', (event) => {
@@ -8,4 +11,4 @@
       }, JSON.parse(`<%- JSON.stringify(theme.plugins.tianli_gpt) %>`)))
     });
   </script>
-<% } %>
+<% } %>

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "hexo-theme-stellar",
-  "version": "1.27.0",
+  "version": "1.28.0",
   "description": "Elegant and powerful theme for Hexo.",
   "main": "package.json",
   "scripts": {

package/scripts/generators/author.js

@@ -17,7 +17,8 @@ hexo.extend.generator.register('author', function (locals) {
       data: {
         author: author,
         leftbar: site_tree.author.leftbar,
-        menu_id: site_tree.author.menu_id
+        menu_id: site_tree.author.menu_id,
+        breadcrumb: false
       }
     })
   }

package/source/css/_layout/partial/footer.styl

@@ -3,7 +3,8 @@
   color: var(--text-p2)
   a
     color: var(--text-p2)
-    border-radius: 2px
+    border-radius: 4px
+    transition: background 0.2s ease-out
     &:hover
       color: var(--text)
       background: var(--block-hover)

package/source/css/_layout/sidebar/menu.styl

@@ -49,5 +49,5 @@
       transform: translateX(-50%)
       border-radius: 2px
       bottom: 2px
-      background: var(--text-p1)
+      background: currentColor
 

package/source/css/_layout/sidebar/sidebar.styl

@@ -3,6 +3,8 @@
   height: 'calc(%s - 16px)' % 100vh
   border-radius: $border-card-l
   overflow: hidden
+  overflow: clip
+  overflow-clip-margin: .5px
   .header
     margin: var(--gap-max) var(--gap-margin) 0
 

package/source/css/_layout/tag-plugins/emoji.styl

@@ -6,3 +6,4 @@
     display: block
     object-fit: contain
     height: 1.75em
+    border-radius: 0

package/source/css/_layout/widgets/list.styl

@@ -1,6 +1,5 @@
 .widget-wrapper.post-list .widget-body
   a
-    line-height: 1
     font-size: $fs-14
     padding: 8px 16px
     display: block

package/source/css/_plugins/comments/twikoo.styl

@@ -1,120 +1,164 @@
 .cmt-body.twikoo
-  --twikoo-lighttext: $color-theme;
-  --twikoo-secondtext: #909094;
-  --twikoo-emoji-background: #f8f8f8;
-  --twikoo-theme: $color-theme;
+  --twikoo-theme: $color-theme
   margin-top: 1.5rem
 
   .tk-content
     .vemoji, .tk-owo-emotion
-      width: unset;
-      border-radius: $border-image;
-      max-height: 24px;
-      max-width: 100px;
-
+      width: unset
+      border-radius: $border-image
+      max-height: 24px
+      max-width: 100px
+      display: inline
+      margin: 0 0.25em
     img
-      max-width: 400px;
-      max-height: 400px;
-      border-radius: $border-image;
+      max-width: 400px
+      max-height: 400px
+      border-radius: $border-image
 
 .OwO
   .OwO-body
-    background: var(--twikoo-emoji-background) !important;
-    color: var(--text-p1) !important;
+    background-color: var(--block) !important
+    color: var(--text-p1) !important
 
     .OwO-items
       .OwO-item
         img
-          max-height: 26px;
-          width: unset;
+          max-height: 26px
+          width: unset
 
 .twikoo
   .el-input-group__append, .el-input-group__prepend,
   .el-input__inner, .el-textarea__inner,
-  .el-button:not(.el-button--primary):not(.el-button--text),
-  .tk-comments-count,
-  .tk-content,
   .tk-preview-container
-    color: var(--text-p1) !important;
-
+    border-color: var(--block-border)
+  .el-input__inner:focus,
+  .el-textarea__inner:focus
+    border-color: var(--twikoo-theme) !important  
   .el-button:not(.el-button--primary):not(.el-button--text):active,
   .el-button:not(.el-button--primary):not(.el-button--text):focus,
   .el-button:not(.el-button--primary):not(.el-button--text):hover
-    color: var(--twikoo-theme) !important;
+    color: var(--twikoo-theme) !important
+    border-color: var(--theme-link-opa) !important
+    background-color: var(--block) !important
+  .el-button--primary.is-disabled:active,
+  .el-button--primary.is-disabled:focus,
+  .el-button--primary.is-disabled:hover
+    background-color: var(--theme-link-opa) !important
+
+  .el-button:focus,.el-button:hover
+    border-color: var(--theme-link-opa)
+  .el-button:active
+    color: var(--twikoo-theme)
+    border-color: var(--twikoo-theme)
+  .el-button.is-active,.el-button.is-plain:active
+    color: var(--twikoo-theme)
+    border-color: var(--twikoo-theme)
+
+  .el-button--primary
+    background-color: var(--twikoo-theme)
+    border-color: var(--twikoo-theme) !important
+  .el-button--primary:focus,.el-button--primary:hover
+    background: $color-hover
+    border-color: $color-hover !important
+  .el-button--primary:active
+    background: var(--twikoo-theme)
+    border-color: var(--twikoo-theme)
+  .el-button--primary.is-active
+    background: var(--twikoo-theme)
+    border-color: var(--twikoo-theme)
+  .el-button--primary.is-disabled,
+  .el-button--primary.is-disabled:active,
+  .el-button--primary.is-disabled:focus,
+  .el-button--primary.is-disabled:hover
+    background-color: var(--theme-link-opa) !important
+    border-color: var(--theme-link-opa) !important
+  .el-button--primary.is-plain
+    color: var(--twikoo-theme) !important
+    border-color: var(--theme-link-opa)
+  .el-button--primary.is-plain:focus,
+  .el-button--primary.is-plain:hover
+    background: var(--twikoo-theme) !important
+    border-color: var(--twikoo-theme)
+  .el-button--primary.is-plain:active
+    background: var(--twikoo-theme) !important
+    border-color: var(--twikoo-theme)
 
   .tk-action-icon svg
-    color: var(--text-p1) !important;
+    color: var(--text-p2)
+
+  .tk-action-link
+    color: var(--text-p1)
+    &:hover
+      color: var(--twikoo-theme)
+
+  .el-loading-spinner .path
+    stroke: var(--twikoo-theme)
+
+  .tk-icon.__comments
+    color: var(--twikoo-theme)
 
   b, strong
-    color: var(--twikoo-lighttext);
+    color: var(--text-p1)
 
   a
     cursor: pointer
 
   .tk-time, .tk-extras
-    color: var(--twikoo-secondtext);
+    color: var(--text-p3)
 
   .tk-expand
     width: auto
     border: none
     padding: 6px 2rem
     border-radius: $border-card
-    background: var(--block)
+    background: var(--block-hover)
     color: var(--text-p1)
     line-height: 2
     font-size: 14px
     font-weight: 500
-    trans()
+    trans1 background
 
     &:hover
-      background: var(--block-hover)
+      background: var(--card)
 
   .tk-comment
-    margin-top: 0 !important;
+    margin-top: 0
     margin-bottom: 1rem
-    border: 1px dashed var(--block-border);
-    padding: 1rem;
-    border-radius: $border-card;
-    background: var(--card);
+    border: 1px dashed var(--block-border)
+    padding: 1rem
+    border-radius: $border-card
+    background: var(--block)
 
     &:hover
-      border-color: var(--twikoo-theme);
+      border-color: var(--twikoo-theme)
 
   .tk-main .tk-comment
-    margin-top: 1rem !important;
-    margin-bottom: 0;
+    margin-top: 1rem
+    margin-bottom: 0
 
   .tk-submit
-    padding: 1rem 1rem 0 1rem;
-    border-radius: $border-card;
-    background: var(--card);
+    padding: 1rem 1rem 0 1rem
+    border-radius: $border-card
+    background: var(--block)
 
   .tk-tag
-    vertical-align: 0.1em !important;
+    vertical-align: 0.1em
 
+  .tk-tag-green
+    border: none
+    background-color: var(--theme-link-opa)
+    color: var(--twikoo-theme)
+    
   .tk-comments-title .tk-comments-count
-    margin-top: 15px;
-    color: var(--text-p1);
+    margin-top: 15px
+    color: var(--text-p1)
 
     span:nth-child(1)
-      font-size: 1.5rem;
-      font-weight: 700;
+      font-size: 1.5rem
+      font-weight: 700
 
     span:nth-child(2)
-      font-size: 1rem;
+      font-size: 1rem
 
   .tk-comments-no
-    color: var(--text-p1);
-
-_dark_comments()
-  .cmt-body.twikoo
-    --twikoo-lighttext: $color-link;
-    --twikoo-secondtext: var(--text-p2);
-    --twikoo-theme: $color-theme;
-
-
-if theme(dark)
-  _dark_comments()
-else if theme(auto)
-  @media (prefers-color-scheme: dark)
-    _dark_comments()
+    color: var(--text-p1)

package/source/js/main.js

@@ -54,6 +54,10 @@ const util = {
   scrollTop: () => {
     window.scrollTo({top: 0, behavior: "smooth"});
   },
+
+  scrollComment: () => {
+    document.getElementById('comments').scrollIntoView({behavior: "smooth"});
+  },
 }
 
 const hud = {

package/source/js/plugins/copycode.js

@@ -1,41 +1,32 @@
-window.codeElements.forEach(code => {
-  // copy btn 
+window.codeElements.forEach((codeElement) => {
+  // 创建复制按钮
   const codeCopyBtn = document.createElement('div');
-  codeCopyBtn.classList.add('copy-btn');
-  codeCopyBtn.innerHTML = ctx.copycode.default_text;
-  code.appendChild(codeCopyBtn);
-  codeCopyBtn.addEventListener('click', async () => {
-    const currentCodeElement = code.children[0]?.innerText;
-    await copyCode(currentCodeElement);
-    codeCopyBtn.innerHTML = ctx.copycode.success_text;
-    codeCopyBtn.classList.add('success');
-    hud.toast(ctx.copycode.toast, 2500);
-    setTimeout(() => {
-      codeCopyBtn.innerHTML = ctx.copycode.default_text;
-      codeCopyBtn.classList.remove('success');
-    },3000);
-  })
-})
+  codeCopyBtn.className = 'copy-btn';
+  codeCopyBtn.textContent = ctx.copycode.default_text;
+  codeElement.appendChild(codeCopyBtn);
 
-async function copyCode(currentCode) {
-  if (navigator.clipboard) {
-    try {
-      await navigator.clipboard.writeText(currentCode);
-    } catch (error) {
-      // 未获得用户许可
-      codeCopyBtn.innerText = '未获得用户许可';
+  // 添加点击事件监听
+  codeCopyBtn.addEventListener('click', async () => {
+    const codeToCopy = codeElement.querySelector('code')?.textContent || '';
+    if (navigator.clipboard) {
+      try {
+        await navigator.clipboard.writeText(codeToCopy);
+        codeCopyBtn.textContent = ctx.copycode.success_text;
+        codeCopyBtn.classList.add('success');
+        hud.toast(ctx.copycode.toast, 2500);
+      } catch (error) {
+        codeCopyBtn.textContent = '未获得用户许可';
+        codeCopyBtn.classList.add('warning');
+      }
+    } else {
+      codeCopyBtn.textContent = '浏览器不支持/非HTTPS';
       codeCopyBtn.classList.add('warning');
-      setTimeout(() => {
-        codeCopyBtn.innerText = ctx.copycode.default_text;
-        codeCopyBtn.classList.remove('warning');
-      },3000);
     }
-  } else {
-    codeCopyBtn.innerText = '当前浏览器不支持此api';
-    codeCopyBtn.classList.add('warning');
+
+    // 3秒后恢复默认文本
     setTimeout(() => {
-      codeCopyBtn.innerText = ctx.copycode.default_text;
-      codeCopyBtn.classList.remove('warning');
-    },3000);
-  }
-}
+      codeCopyBtn.textContent = ctx.copycode.default_text;
+      codeCopyBtn.classList.remove('success', 'warning');
+    }, 3000);
+  });
+});

package/source/js/search/algolia-search.js

@@ -0,0 +1,75 @@
+utils.jq(() => {
+  var $inputArea = $("input#search-input");
+  if ($inputArea.length === 0) {
+    return;
+  }
+
+  var $resultArea = $("#search-result");
+  var $searchWrapper = $("#search-wrapper");
+  var client = algoliasearch(window.searchConfig.appId, window.searchConfig.apiKey);
+  var index = client.initIndex(window.searchConfig.indexName);
+
+  function filterResults(hits, filterPath) {
+    if (!filterPath || filterPath === '/') return hits;
+    var regex = new RegExp(filterPath);
+    return hits.filter(hit => regex.test(hit.url));
+  }
+
+  function displayResults(hits) {
+    var $resultList = $("<ul>").addClass("search-result-list");
+    if (hits.length === 0) {
+      $searchWrapper.addClass('noresult');
+    } else {
+      $searchWrapper.removeClass('noresult');
+      hits.forEach(function(hit) {
+        var contentSnippet = hit._snippetResult.content.value;
+        var title = hit.hierarchy.lvl1 || 'Untitled';
+        var $item = $("<li>").html(`<a href="${hit.url}"><span class='search-result-title'>${title}</span><p class="search-result-content">${contentSnippet}</p></a>`);
+        $resultList.append($item);
+      });
+    }
+    $resultArea.html($resultList);
+  }
+
+  $inputArea.on("input", function() {
+    var query = $(this).val().trim();
+    var filterPath = $inputArea.data('filter');
+
+    if (query.length <= 0) {
+      $searchWrapper.attr('searching', 'false');
+      $resultArea.empty();
+      return;
+    }
+
+    $searchWrapper.attr('searching', 'true');
+
+    index.search(query, {
+      hitsPerPage: window.searchConfig.hitsPerPage,
+      attributesToHighlight: ['content'],
+      attributesToSnippet: ['content:30'],
+      highlightPreTag: '<span class="search-keyword">',
+      highlightPostTag: '</span>',
+      restrictSearchableAttributes: ['content']
+    }).then(function(responses) {
+      displayResults(filterResults(responses.hits, filterPath));
+    });
+  });
+
+  $inputArea.on("keydown", function(e) {
+    if (e.which == 13) {
+      e.preventDefault();
+    }
+  });
+
+  var observer = new MutationObserver(function(mutationsList) {
+    if (mutationsList.length === 1) {
+      if (mutationsList[0].addedNodes.length) {
+        $searchWrapper.removeClass('noresult');
+      } else if (mutationsList[0].removedNodes.length) {
+        $searchWrapper.addClass('noresult');
+      }
+    }
+  });
+
+  observer.observe($resultArea[0], { childList: true });
+});