hexo-theme-solitude 1.12.2 → 1.13.1

package/.github/FUNDING.yml

@@ -1,7 +1,8 @@
 # These are supported funding model platforms
 
-github: [everfu] # Replace with up to 4 GitHub Sponsors-enabled usernames e.g., [user1, user2]
+github: # Replace with up to 4 GitHub Sponsors-enabled usernames e.g., [user1, user2]
 patreon: everfu # Replace with a single Patreon username
+polar: everfu
 open_collective: # Replace with a single Open Collective username
 ko_fi: # Replace with a single Ko-fi username
 tidelift: # Replace with a single Tidelift platform-name/package-name e.g., npm/babel
@@ -10,4 +11,4 @@ liberapay: # Replace with a single Liberapay username
 issuehunt: # Replace with a single IssueHunt username
 otechie: # Replace with a single Otechie username
 lfx_crowdfunding: # Replace with a single LFX Crowdfunding project-name e.g., cloud-foundry
-custom: ['https://afdian.net/a/everfu', 'https://s3.qjqq.cn/47/66374315ebd08.webp!color', 'https://s3.qjqq.cn/47/663742bac8e52.webp!color'] # Replace with up to 4 custom sponsorship URLs e.g., ['link1', 'link2']
+custom: [https://afdian.net/a/everfu] # Replace with up to 4 custom sponsorship URLs e.g., ['link1', 'link2']

package/README.md

@@ -2,7 +2,7 @@
 
 <div align="center">
 
-   <img src=".github/logo.svg" alt="Solitude logo" height="200">
+   <img src=".github/persona.avif" alt="Solitude logo" height="200">
 
    <h1>Hexo Theme Solitude</h1>
 
@@ -10,6 +10,8 @@
    
    主题设计由 [@张洪Heo](https://github.com/zhheo) 全权授权
 
+<a href="https://polar.sh/everfu"><img src="https://polar.sh/embed/seeks-funding-shield.svg?org=everfu" /></a>
+
 ![npm package](https://img.shields.io/npm/v/hexo-theme-solitude?logo=npm)
 ![release](https://img.shields.io/github/package-json/v/valor-x/hexo-theme-solitude/master?color=%231ab1ad&label=release)
 ![license](https://img.shields.io/github/license/valor-x/hexo-theme-solitude?color=FF5531)
@@ -29,11 +31,11 @@
 [![gitee](https://img.shields.io/badge/Gitee-red?logo=gitee)](https://gitee.com/nsjjd_w/hexo-theme-solitude)
 [![gitlab](https://img.shields.io/badge/GitLab-blue?logo=gitlab)](https://gitlab.com/efu/hexo-theme-solitude)
 
-[文档](https://solitude.js.org/)丨[预览](https://www.efu.me/)
+[文档](https://solitude.js.org/)丨[预览](https://everfu.github.io/Solitude/)
 
 </div>
 
-![Screenshot](.github/screenshot.webp)
+![Screenshot](.github/screenshot.avif)
 
 ## 特性
 

package/README_en-US.md

@@ -2,7 +2,7 @@
 
 <div align="center">
 
-   <img src=".github/logo.svg" alt="Solitude logo" height="200">
+   <img src=".github/persona.avif" alt="Solitude logo" height="200">
 
    <h1>Hexo Theme Solitude</h1>
 
@@ -10,6 +10,8 @@
 
    Theme design is fully licensed by [@张洪Heo](https://github.com/zhheo).
   
+<a href="https://polar.sh/everfu"><img src="https://polar.sh/embed/seeks-funding-shield.svg?org=everfu" /></a>
+
 ![npm package](https://img.shields.io/npm/v/hexo-theme-solitude?logo=npm)
 ![release](https://img.shields.io/github/package-json/v/valor-x/hexo-theme-solitude/master?color=%231ab1ad&label=release)
 ![license](https://img.shields.io/github/license/valor-x/hexo-theme-solitude?color=FF5531)
@@ -29,11 +31,11 @@
 [![gitee](https://img.shields.io/badge/Gitee-red?logo=gitee)](https://gitee.com/nsjjd_w/hexo-theme-solitude)
 [![gitlab](https://img.shields.io/badge/GitLab-blue?logo=gitlab)](https://gitlab.com/efu/hexo-theme-solitude)
 
-[Documentation](https://solitude.js.org/)丨[Preview](https://www.efu.me/)
+[Documentation](https://solitude.js.org/)丨[Preview](https://everfu.github.io/Solitude/)
 
 </div>
 
-![Screenshot](.github/screenshot.webp)
+![Screenshot](.github/screenshot.avif)
 
 ## Features
 

package/README_zh-Hant.md

@@ -2,7 +2,7 @@
 
 <div align="center">
   
-   <img src=".github/logo.svg" alt="Solitude logo" height="200">
+   <img src=".github/persona.avif" alt="Solitude logo" height="200">
 
   <h1>Hexo Theme Solitude</h1>
 
@@ -10,6 +10,8 @@
 
    主題設計由 [@张洪Heo](https://github.com/zhheo)全權授權
 
+<a href="https://polar.sh/everfu"><img src="https://polar.sh/embed/seeks-funding-shield.svg?org=everfu" /></a>
+
 ![npm package](https://img.shields.io/npm/v/hexo-theme-solitude?logo=npm)
 ![release](https://img.shields.io/github/package-json/v/valor-x/hexo-theme-solitude/master?color=%231ab1ad&label=release)
 ![license](https://img.shields.io/github/license/valor-x/hexo-theme-solitude?color=FF5531)
@@ -29,11 +31,11 @@
 [![gitee](https://img.shields.io/badge/Gitee-red?logo=gitee)](https://gitee.com/nsjjd_w/hexo-theme-solitude)
 [![gitlab](https://img.shields.io/badge/GitLab-blue?logo=gitlab)](https://gitlab.com/efu/hexo-theme-solitude)
 
-[文档](https://solitude.js.org/)丨[預覽](https://www.efu.me/)
+[文档](https://solitude.js.org/)丨[預覽](https://everfu.github.io/Solitude/)
 
 </div>
 
-![Screenshot](.github/screenshot.webp)
+![Screenshot](.github/screenshot.avif)
 
 ## 特性
 

package/_config.yml

@@ -329,6 +329,7 @@ page:
 # post default settings
 post:
   default:
+    top_cover: true # 顶部描述 / Top description
     # 文章默认图片
     # default cover
     cover:
@@ -760,7 +761,7 @@ post_ai:
 
 # latex 公式支持
 # latex formula support
-# docs: https://solitude.js.org/configuration/extra#数学公式
+# docs: https://solitude.js.org/config/extend.html#数学公式
 katex:
   enable: false
   per_page: false # 是否在每页都加载 / Whether to load on each page
@@ -776,6 +777,9 @@ comment:
   count: false # 评论数展示
   pv: false # 是否使用評論統計頁面訪問
   avatar: https://cravatar.cn # Gravatar link
+  hot_tip: # 多人互动
+    enable: false # 开启后将在文章列表显示多人互动
+    count: 3 # 设置大于多少评论时显示
 
 # twikoo 配置信息
 # twikoo settings
@@ -822,8 +826,15 @@ giscus:
     dark: dark
   option:
 
-# 中控台扩展 ： 最新评论 + 标签 + 文章
-console_plus: false
+# 中控台
+console:
+  enable: false # 开启后显示中控台
+  recentComment: # 开启后显示最近评论
+    enable: false # 开启前请先配置评论
+    storage: .2 # 缓存时间
+  card:
+    tags: true # 开启后显示 标签
+    archive: true # 开启后显示 归档
 
 # 站点验证
 # Site verification
@@ -862,7 +873,7 @@ extends:
 
 # PWA
 # https://developer.mozilla.org/zh-CN/docs/Web/Progressive_web_apps
-# docs: https://solitude.js.org/configuration/extra#pwa
+# docs: https://solitude.js.org/config/extra#pwa
 pwa:
   enable: false
   manifest: /manifest.json # manifest.json 文件路径
@@ -931,11 +942,43 @@ memorial:
   enable: false
   # 日期, (M-D)
   # Date, (M-D)
-  # eg: 7-8, 9-18, 12-13 ...
+  # eg: 7-7, 9-18, 12-13 ...
   date:
-    - "7-8" #七八卢沟桥事变
-    - "9-18" #九一八事变/建军节
-    - "12-13" #南京国家公祭日
+    - "7-7" # 七七事变
+    - "9-18" # 九一八事变/建军节
+    - "12-13" # 南京国家公祭日
+
+# 诱骗
+# lure
+lure:
+  enable: false
+  # 跳出
+  # Jump out
+  jump: "404 Not Found"
+  # 切回
+  # Switch back
+  back: "ヾ(≧∇≦*)ゝ嘿嘿，上当了吧"
+
+# 文章过期提醒
+# Article expiration reminder
+expire:
+  enable: false
+  # 过期时间
+  # Expiration time
+  time: 30
+  position: top # top / bottom
+  # 过期提示
+  # Expiration prompt
+  text_prev: "本文已于"
+  text_next: "天前过期，如果内容不符，请联系站长更新。"
+
+# 背景图片
+# Background image
+background:
+  enable: false
+  opacity: .2
+  dark: https://bu.dusays.com/2023/09/29/651685ce667d1.jpg
+  light: https://bu.dusays.com/2023/09/29/651685cc18d39.jpg
 
 # CDN
 # Don't modify the following settings unless you know how they work
@@ -958,6 +1001,7 @@ CDN:
 
   option:
     solitude_css: https://cdn2.codesign.qq.com/icons/7pOrz0WXB5ZWJPX/latest/iconfont.css
+    busuanzi_qj_js: https://pv.lemonso.com/js
     # algolia_search:
     # instantsearch:
     # pjax:

package/languages/default.yml

@@ -5,6 +5,7 @@ upload: 'datetime: '
 totalk: You don't need to delete blank lines, just type in your comments.
 loading: Loading...
 day: ' days'
+hot-tip: Hot
 
 theme:
   dark: Dark

package/languages/en.yml

@@ -5,6 +5,7 @@ upload: 'datetime: '
 totalk: You don't need to delete blank lines, just type in your comments.
 loading: Loading...
 day: ' days'
+hot-tip: Hot
 
 theme:
   dark: Dark

package/languages/zh-CN.yml

@@ -5,6 +5,7 @@ upload: 发布时间：
 totalk: 无需删除空行，直接输入评论即可
 loading: 加载中...
 day: ' 天'
+hot-tip: 多人互动
 
 # Language: 简体中文
 theme:

package/languages/zh-TW.yml

@@ -5,6 +5,7 @@ upload: 發佈時間：
 totalk: 無需刪除空行，直接輸入評論即可
 loading: 加載中...
 day: ' 天'
+hot-tip: 多人互動
 
 # Language: 繁體中文 (台灣)
 theme:

package/layout/404.pug

@@ -19,6 +19,6 @@ block content
                         break
                     .aside-list-item
                         a.thumbnail(href=url_for(post.path), title=post.title)
-                            img(src=post.cover, alt=post.title)
+                            img(src=url_for(post.cover), alt=post.title)
                         .content
                             a.title(href=url_for(post.path), title=post.title)= post.title

package/layout/includes/console.pug

@@ -1,33 +1,46 @@
+- const { recentComment, card } = theme.console
+- const { cache } = recentComment
+- const limit = 6
+- const { use } = theme.comment
+
 div#console
     div.close-btn(onclick="sco.hideConsole()")
         i.solitude.st-close-fill
-    if theme.console_plus
-        div.console-card-group
-            if theme.recent_comments.enable && theme.recent_comments.img
-                div.console-card-group-left
-                    div.console-card#card-newest-comments(onclick="sco.hideConsole()")
-                        div.card-content
-                            div.author-content-item-tips= _p('console.comment_tip')
-                            div.author-content-item-title
-                                | #{_p('console.comment_title')}
-                                if theme.recent_comments.enable
-                                    a.recent-comment-more(href=url_for(theme.recent_comments.page) title=_p('console.recent_comment_more'))
-                                        i.solitude.st-right-btn-fill
-                        a.recent-comment-image(href=url_for(theme.recent_comments.page))
-                            img(src=theme.recent_comments.img)
-
-            div.console-card-group-right
-                div.console-card.tags(onclick="sco.hideConsole()")
+    div.console-card-group
+        if use && recentComment.enable
+            div.console-card-group-left
+                div.console-card#card-newest-comments(onclick="sco.hideConsole()")
                     div.card-content
-                        div.author-content-item-tips= _p('console.tag_tip')
-                        div.author-content-item-title= _p('console.tag_title')
-                    div.card-tag-cloud
-                        each tag in site.tags.find({ parent: { $exists: false } }).data
-                            a(href=url_for(tag.path))= tag.name
-                                sup= tag.length
-
-                div.console-card.history(onclick="sco.hideConsole()")
-                    include ./widgets/aside/asideArchive.pug
+                        div.author-content-item-tips= _p('console.comment_tip')
+                        div.author-content-item-title
+                            | #{_p('console.comment_title')}
+                            if theme.recent_comments.enable
+                                a.recent-comment-more(href=url_for(theme.recent_comments.page) title=_p('console.recent_comment_more'))
+                                    i.solitude.st-right-btn-fill
+                    #console_recentcomments
+                        case use[0]
+                            when 'Twikoo'
+                                include ./widgets/page/recentcomment/twikoo
+                            when 'Valine'
+                                include ./widgets/page/recentcomment/valine
+                            when 'Waline'
+                                include ./widgets/page/recentcomment/waline
+                            when 'Artalk'
+                                include ./widgets/page/recentcomment/artalk
+        if card.tags || card.archive
+            div.console-card-group-right
+                if card.tags
+                    div.console-card.tags(onclick="sco.hideConsole()")
+                        div.card-content
+                            div.author-content-item-tips= _p('console.tag_tip')
+                            div.author-content-item-title= _p('console.tag_title')
+                        div.card-tag-cloud
+                            each tag in site.tags.find({ parent: { $exists: false } }).data
+                                a(href=url_for(tag.path))= tag.name
+                                    sup= tag.length
+                if card.archive
+                    div.console-card.history(onclick="sco.hideConsole()")
+                        include ./widgets/aside/asideArchive.pug
 
     div.button-group
         div.console-btn-item

package/layout/includes/head/config.pug

@@ -122,6 +122,34 @@
         }
     }
 
+    let highlight = false
+    if (theme.highlight.enable) {
+        highlight = {
+            limit: theme.highlight.limit,
+            expand: theme.highlight.expand,
+            copy: theme.highlight.copy,
+            syntax: config.syntax_highlighter
+        }
+    }
+
+    let lure = false
+    if (theme.lure.enable) {
+        lure = {
+            jump: theme.lure.jump,
+            back: theme.lure.back,
+        }
+    }
+
+    let expire = false
+    if (theme.expire.enable) {
+        expire = {
+            time: theme.expire.time,
+            position: theme.expire.position,
+            text_prev: theme.expire.text_prev,
+            text_next: theme.expire.text_next,
+        }
+    }
+
 script.
     const GLOBAL_CONFIG = {
         root: '!{config.root}',
@@ -133,13 +161,7 @@ script.
             error: '!{theme.lazyload.errorimg}'
         },
         copyright: !{copyright},
-        highlight: {
-            enable: !{theme.highlight.enable},
-            limit: !{theme.highlight.limit},
-            expand: !{theme.highlight.expand},
-            copy: !{theme.highlight.copy},
-            syntax: '!{config.syntax_highlighter}'
-        },
+        highlight: !{highlight ? JSON.stringify(highlight) : false},
         randomlink: !{theme.footer.randomlink},
         lang: !{JSON.stringify(lang)},
         aside: {
@@ -163,4 +185,6 @@ script.
         lightbox: '!{ theme.mediumZoom ? "mediumZoom" : (theme.fancybox ? "fancybox" : "null")}',
         post_ai: !{post_ai},
         right_menu: !{rightMenu ? JSON.stringify(rightMenu) : false},
+        lure: !{lure ? JSON.stringify(lure) : false},
+        expire: !{expire ? JSON.stringify(expire) : false},
     };

package/layout/includes/header.pug

@@ -1,4 +1,6 @@
-header#page-header(class=is_post() ? 'post-bg' : 'not-top-img')
+- const not_cover = !(typeof page.not_cover ==='undefined' ? false : page.not_cover)
+header#page-header(class=is_post() && theme.post.default.top_cover && not_cover ? 'post-bg' : 'not-top-img')
     include ./nav.pug
     if is_post()
-        include ./widgets/post/postMeta.pug
+        if theme.post.default.top_cover && !page.not_cover
+            include ./widgets/post/postMeta.pug

package/layout/includes/inject/head.pug

@@ -27,12 +27,10 @@ include ../head/opengraph.pug
 include ../head/pwa.pug
 
 script.
-    console.log(
-        "%c Program: Hexo %c Theme: Solitude %c Version: v1.12.2",
-        "border-radius:5px 0 0 5px;padding: 5px 10px;color:white;background:#ff3842;",
-        "padding: 5px 10px;color:white;background:#3e9f50;",
-        "padding: 5px 10px;color:white;background:#0084ff;border-radius:0 5px 5px 0",
-    )
+    console.log(' %c Solitude %c ' + '!{packageVersion()}' + ' %c https://github.com/everfu/hexo-theme-solitude',
+        'background:#35495e ; padding: 1px; border-radius: 3px 0 0 3px;  color: #fff',
+        'background:#ff9a9a ; padding: 1px; border-radius: 0 3px 3px 0;  color: #fff',
+        'background:unset ; padding: 1px; border-radius: 0 3px 3px 0;  color: #fff')
 
 if theme.memorial.enable
     script.

package/layout/includes/layout.pug

@@ -9,12 +9,17 @@ html(lang=config.language, data-theme="light")
         if theme.display_mode.universe
             canvas#universe
 
+        // background img
+        if theme.background.enable
+            #global_bg
+
         // loading
         if theme.loading.fullpage
             include ./loading.pug
 
         // console
-        include ./console.pug
+        if theme.console.enable
+            include ./console.pug
 
         // sidebar
         include ./sidebar.pug

package/layout/includes/mixins/articleSort.pug

@@ -5,7 +5,7 @@ each post in page.posts.find({ parent: { $exists: false } }).data
         .article-sort-item.year #{year}
     .article-sort-item
         a.article-sort-item-img(href=url_for(post.path) title=post.title)
-            img(src=post.cover alt=post.title)
+            img(src=url_for(post.cover) alt=post.title)
         .article-sort-item-info
             a.article-sort-item-title(href=url_for(post.path) title=post.title onclick="window.event.cancelBubble=true;") #{post.title}
             .article-sort-item-tags

package/layout/includes/page/recentcomment.pug

@@ -4,7 +4,7 @@
 include ../widgets/page/banner
 
 if enable && use
-    #comments-page
+    #console_recentcomments
     case use[0]
         when 'Twikoo'
             include ../widgets/page/recentcomment/twikoo

package/layout/includes/widgets/aside/asideNewestPost.pug

@@ -8,7 +8,7 @@
             if index <= 5
                 .aside-list-item
                     a.thumbnail(href=url_for(post.path) title=post.title)
-                        img(alt=post.title src=post.cover)
+                        img(alt=post.title src=url_for(post.cover))
                     .content
                         a.title(href=url_for(post.path) title=post.title)= post.title
                         if post.categories.data[0]

package/layout/includes/widgets/home/banner.pug

@@ -1,6 +1,8 @@
+- const { title, url, icon} = theme.hometop.banner
+
 div.banners-title
-    div.banners-title-big!= theme.hometop.banner.title
-    div.banners-title-small= theme.hometop.banner.url
+    div.banners-title-big!= title
+    div.banners-title-small= url
 - var group = theme.hometop.group
 if group
     div.banners-links
@@ -11,13 +13,14 @@ if group
                     i.solitude(class=array[1])
                 .banners-link-title= label
 
-div.tags-group-all
-    .tags-group-wrapper
-        each i in [1,2]
-            - var keys = Object.keys(theme.hometop.banner.icon)
-            - var pairs = keys.map((val, i) => i % 2 ? [keys[i - 1], val] : []).filter(x => x.length)
-            each pair in pairs
-                .tags-group-icon-pair
-                    each key in pair
-                        .tags-group-icon(style=`background: ${theme.hometop.banner.icon[key].color}`)
-                            img.nolazyload(src=theme.hometop.banner.icon[key].img, title=key)
+if icon
+    div.tags-group-all
+        .tags-group-wrapper
+            each i in [1,2]
+                - var keys = Object.keys(icon)
+                - var pairs = keys.map((val, i) => i % 2 ? [keys[i - 1], val] : []).filter(x => x.length)
+                each pair in pairs
+                    .tags-group-icon-pair
+                        each key in pair
+                            .tags-group-icon(style=`background: ${icon[key].color}`)
+                                img.nolazyload(src=icon[key].img, title=key)

package/layout/includes/widgets/home/hot/index.pug

@@ -0,0 +1,7 @@
+- const { count } = theme.comment.hot_tip
+- const { use } = theme.comment
+
+if use
+    case use[0]
+      when 'Twikoo'
+          include ./twikoo

package/layout/includes/widgets/home/hot/twikoo.pug

@@ -0,0 +1,46 @@
+script.
+    function updatePostsBasedOnComments() {
+        const location = window.location
+        const posts = Array.from(document.querySelectorAll('.recent-post-item[onclick] .post_cover a')).map(item => item.href.replace(location, '/'))
+
+        function get() {
+            twikoo.getCommentsCount({
+                envId: "!{theme.twikoo.envId}",
+                urls: posts,
+                includeReply: true
+            }).then(function (response) {
+                response.forEach(function (comment) {
+                    if (comment.count > !{count}) {
+                        const postElement = document.querySelector(`.recent-post-item[onclick*="${comment.url}"]`);
+                        if (postElement) {
+                            const infoTopTips = postElement.querySelector(".recent-post-info-top-tips"),
+                                originalSpan = infoTopTips ? infoTopTips.querySelector(".original") : null;
+                            if (originalSpan) {
+                                const hotTip = createHotTipElement();
+                                infoTopTips.insertBefore(hotTip, originalSpan);
+                            }
+                        }
+                    }
+                });
+            }).catch(function (error) {
+                console.error("Error fetching comments:", error);
+            });
+        }
+
+        function createHotTipElement() {
+            const hotTip = document.createElement("span");
+            hotTip.classList.add("hot-tip");
+
+            const icon = document.createElement("i");
+            icon.classList.add("solitude", "st-fire-fill");
+            hotTip.appendChild(icon);
+
+            const commentCount = document.createTextNode("!{_p('hot-tip')}");
+            hotTip.appendChild(commentCount);
+
+            return hotTip;
+        }
+
+        if (typeof twikoo === 'object') get()
+        else utils.getScript('!{url_for(theme.cdn.twikoo)}').then(get)
+    }

package/layout/includes/widgets/home/topGroup.pug

@@ -5,7 +5,7 @@
             .post_cover
                 a(href=url_for(post.path), title=post.title)
                     span.recent-post-top-text= _p('home.recommend')
-                    img.post_bg(alt=post.title, src=post.cover)
+                    img.post_bg(alt=post.title, src=url_for(post.cover))
             .recent-post-info
                 a.article-title(href=url_for(post.path), title=post.title)= post.title
 

package/layout/includes/widgets/nav/right.pug

@@ -11,7 +11,7 @@ if theme.search.enable
     .nav-button#search-button
         a.site-page.social-icon.search(href="javascript:void(0);", title=_p('nav.search'))
             i.solitude.st-search-line
-if theme.nav.right.console
+if theme.console.enable
     .nav-button#nav-console
         a.console_switchbutton(onclick="sco.showConsole()", title=_p('nav.console'), href="javascript:void(0);")
             i.solitude.st-dashboard-fill

package/layout/includes/widgets/page/links/banner.pug

@@ -28,4 +28,5 @@
                     .tags-group-icon-pair
                         each y in pair
                             a.tags-group-icon(href=url_for(y.link), title=y.name)
-                                img(src=y.avatar + (site.data.links.banner_suffix || ''), title=y.name)
+                                img(src=y.avatar + (site.data.links.banner_suffix || ''), title=y.name)
+                                span.tags-group-title=y.name

package/layout/includes/widgets/page/recentcomment/artalk.pug

@@ -2,11 +2,11 @@
 
 script(pjax).
     (async () => {
-        document.querySelector('#comments-page').textContent = `#{__("loading")}`
+        document.querySelector('#console_recentcomments').textContent = `#{__("loading")}`
         const emojiReg = /<img [^>]+ atk-emoticon="[^"]+">/g
         let cache = utils.saveToLocal.get('artalk-recent-comments')
         if (cache) {
-            setHtml(document.querySelector('#comments-page'), cache)
+            setHtml(document.querySelector('#console_recentcomments'), cache)
             return
         }
         let ls = []
@@ -37,7 +37,7 @@ script(pjax).
                         content: formatContent(i.content)
                     })
                 }
-                setHtml(document.querySelector('#comments-page'), ls)
+                setHtml(document.querySelector('#console_recentcomments'), ls)
                 utils.saveToLocal.set('artalk-recent-comments', ls, !{cache})
             })
 

package/layout/includes/widgets/page/recentcomment/twikoo.pug

@@ -2,11 +2,11 @@
 
 script(pjax).
     (async () => {
-        document.querySelector('#comments-page').textContent = `#{__("loading")}`
+        document.querySelector('#console_recentcomments').textContent = `#{__("loading")}`
         const emojiReg = /<img class="tk-owo-emotion" [^>]+>/g
         let cache = utils.saveToLocal.get('twikoo-recent-comments')
         if (cache) {
-            setHtml(document.querySelector('#comments-page'), cache)
+            setHtml(document.querySelector('#console_recentcomments'), cache)
             return
         }
         let ls = []
@@ -44,7 +44,7 @@ script(pjax).
                     time: i.created
                 })
             }
-            setHtml(document.querySelector('#comments-page'), ls)
+            setHtml(document.querySelector('#console_recentcomments'), ls)
             utils.saveToLocal.set('twikoo-recent-comments', ls, !{cache})
         });