hexo-theme-solitude 3.0.20 → 4.0.0

package/layout/includes/widgets/page/about/award.pug

@@ -1,39 +1,68 @@
-- award = site.data.about.award
+- const award = site.data.about.award
+- const rewardList = Array.isArray(site.data.about.rewardList) ? site.data.about.rewardList.slice() : []
+- const sortedRewards = rewardList.sort((a, b) => new Date(b.time) - new Date(a.time))
+- const visibleRewards = sortedRewards.slice(0, 11)
+- const sum = rewardList.reduce((total, reward) => total + Number(reward.money || 0), 0)
+- const rewardConfig = theme.post && theme.post.award ? theme.post.award : {}
+- const rewardMethods = Array.isArray(rewardConfig.list) ? rewardConfig.list.filter(item => item && item.name && item.qcode) : []
+- const showRewardButton = rewardConfig.enable && rewardMethods.length > 0
+- const appreciators = rewardConfig.appreciators
 
-- var sum = 0
-if site.data.about.rewardList && site.data.about.award.enable
-    .author-content
-        .author-content-item.single.reward
-            .author-content-item-tips= _p('award.thanks')
-            span.author-content-item-title= _p('award.title')
-            .author-content-item-description
-                != award.description
-            .reward-list-all
-                each reward in site.data.about.rewardList.sort((a, b) => b.time - a.time) || []
-                    - sum += reward.money
-                    .reward-list-item
-                        .reward-list-item-name= reward.name
-                        .reward-list-bottom-group
-                            .reward-list-item-money(style="background-color:" + reward.color)
-                                if reward.icon
-                                    i.solitude(class=reward.icon)
-                                | ¥ #{reward.money}
-                            time.datetime.reward-list-item-time(datetime=moment(reward.time).format())
-                if theme.post.award.enable
-                    .post-reward
-                        .post-reward(onclick="AddRewardMask()")
-                        .reward-button(title=_p('award.tipping'))
-                            i.solitude.fas.fa-heart
-                            = _p('award.tipping')
-                        .reward-main
-                            ul.reward-all
-                                span.reward-title= theme.post.award.title
-                                ul.reward-group
-                                    - var rewards = theme.post.award.list
-                                    each reward in rewards
-                                        li.reward-item
-                                            a(href=url_for(reward.url))
-                                                img.post-qr-code-img(alt=reward.name, src=reward.qcode, style="border-color:" + reward.color)
-                                            .post-qr-code-desc= reward.name
-            .reward-list-tips
-                p= award.tips.replace('{sum}', sum.toFixed(2))
+if rewardList.length && award && award.enable
+  .author-content
+    .author-content-item.single.reward
+      .author-content-item-tips= _p('award.thanks')
+      span.author-content-item-title= _p('award.title')
+      .author-content-item-description!= award.description
+
+      if showRewardButton
+        .post-reward
+          .reward-button(
+            role='button'
+            tabindex='0'
+            title=_p('award.tipping')
+            aria-label=_p('award.tipping')
+            data-solitude-action='showReward'
+          )
+            i.solitude.fas.fa-heart(aria-hidden='true')
+            = _p('award.tipping')
+          .reward-main
+            ul.reward-all
+              span.reward-title= rewardConfig.title
+              ul.reward-group
+                each method in rewardMethods
+                  li.reward-item
+                    a(href=url_for(method.url))
+                      img.post-qr-code-img.nolazyload(
+                        alt=method.name
+                        src=method.qcode
+                        style=method.color ? 'border-color:' + method.color : null
+                      )
+                    .post-qr-code-desc= method.name
+
+      .reward-list-all
+        each reward in visibleRewards
+          - const amount = Number(reward.money || 0)
+          - const amountTier = amount >= 100 ? 'reward-list-item-money-high' : amount >= 20 ? 'reward-list-item-money-medium' : 'reward-list-item-money-low'
+          .reward-list-item(tabindex='0')
+            .reward-list-item-name(title=reward.name)= reward.name
+            .reward-list-bottom-group
+              .reward-list-item-money(
+                class=amountTier
+                style=reward.color ? 'background-color:' + reward.color : null
+              )
+                if reward.icon
+                  i.solitude(class=reward.icon aria-hidden='true')
+                | ¥ #{reward.money}
+              time.datetime.reward-list-item-time(datetime=moment(reward.time).format())= moment(reward.time).format('YYYY-MM-DD')
+
+        if appreciators
+          a.reward-list-item.reward-list-item-more(
+            href=url_for(appreciators)
+            aria-label='查看全部打赏名单'
+          )
+            span 查看全部
+            i.solitude.fas.fa-arrow-right(aria-hidden='true')
+
+      .reward-list-tips
+        p= award.tips.replace('{sum}', sum.toFixed(2))

package/layout/includes/widgets/page/about/hobbies.pug

@@ -10,16 +10,25 @@ if games
             .author-content-item.game(class=`game-${index}`, style=`background: url(${game.img}) no-repeat top; background-size: cover;`)
                 .card-content
                     .author-content-item-tips= game.title
-                    span.author-content-item-title= game.subtitle
+                    if game.mode
+                        .author-content-item-title
+                            span.author-content-item-title-text= game.subtitle
+                            img.mode-img(src=game.mode.img, alt=game.mode.name, title=game.mode.tip, heotip=game.mode.tip)
+                    else
+                        span.author-content-item-title= game.subtitle
                     .content-bottom
-                        if game.icon_group
+                        if game.heroes
+                            .hero-group
+                                each hero, heroIndex in game.heroes
+                                    img.hero-group-item(src=hero.img, alt=hero.name, title=`擅长英雄：${hero.name}`, heotip=`擅长英雄：${hero.name}`, style=`--index: ${heroIndex};`)
+                        else if game.icon_group
                             .icon-group
                                 each icon in game.icon_group
                                     i(style=`background-image: url(${icon})`)
                         else if game.tips_left
                             .tips= game.tips_left
                         if game.tips_right
-                            .tips= game.tips_right
+                            .tips(title=game.tips_right_tip, heotip=game.tips_right_tip)= game.tips_right
 
 if site.data.about.likes
   - const likes = site.data.about.likes

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

@@ -10,6 +10,6 @@
         if page.rightbtn
             .banner-button-group
                 - const isInternalLink = page.rightbtnlink.startsWith('/')
-                a.banner-button(onclick=isInternalLink ? `pjax.loadUrl("${page.rightbtnlink}")`: null, href=isInternalLink ? null : url_for(page.rightbtnlink), target=isInternalLink ? null : "_blank")
+                a.banner-button(data-solitude-action=isInternalLink ? "navigateTo" : null, data-solitude-url=isInternalLink ? page.rightbtnlink : null, href=isInternalLink ? null : url_for(page.rightbtnlink), target=isInternalLink ? null : "_blank")
                     i.solitude.fas.fa-circle-chevron-right
                     span.banner-button-text= page.rightbtn

package/layout/includes/widgets/page/kit/content.pug

@@ -11,7 +11,7 @@
                             .equipment-item-content-item-cover
                                 img.equipment-item-content-item-image(src=item.image, alt=item.name)
                             .equipment-item-content-item-info
-                                .equipment-item-content-item-name(onclick='utils.copy("' + item.name + '")')= item.name
+                                .equipment-item-content-item-name(data-solitude-action='copy' data-solitude-value=item.name)= item.name
                                 .equipment-item-content-item-specification= item.specification
                                 .equipment-item-content-item-description= item.description
                                 .equipment-item-content-item-toolbar
@@ -21,5 +21,5 @@
                                         else
                                             a.equipment-item-content-item-link(href=item.link) 查看文章
                                     if theme.comment.use
-                                        a.bber-reply(onclick=`sco.toTalk('${item.description}')`)
+                                        a.bber-reply(data-solitude-action="toTalk" data-solitude-value=item.description)
                                             i.solitude.fas.fa-comment(style="font-size: 1rem;")

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

@@ -4,30 +4,41 @@
 
 .banner-button-group
     if theme.footer.randomlink
-        a.banner-button.secondary(onclick="travelling()")
+        a.banner-button.secondary(data-solitude-action="travelling")
             i.solitude.fas.fa-tower-broadcast
             span.banner-button-text=_p('link.banner.random')
     if theme.comment.use
-        a.banner-button(onclick="sco.scrollToComment()")
+        a.banner-button(data-solitude-action="scrollToComment")
             i.solitude.fas.fa-circle-chevron-right
             span.solitude.banner-button-text=_p('link.banner.toComment')
 
+- const bannerGroups = site.data.links && Array.isArray(site.data.links.links) ? site.data.links.links : []
+- const bannerLinksTotal = bannerGroups.reduce((count, group) => count + (Array.isArray(group.link_list) ? group.link_list.length : 0), 0)
+- const configuredBannerThreshold = Number(theme.page && theme.page.links && theme.page.links.async_threshold)
+- const bannerThreshold = Number.isInteger(configuredBannerThreshold) && configuredBannerThreshold >= 0 ? configuredBannerThreshold : 200
+- const asyncBannerLinks = bannerLinksTotal > bannerThreshold
 - if (site.data.links.swiper !== false)
-    .tags-group-all.nowrapMove
-        - const data = site.data.links.links.filter(x => x.type !== 'discn')
-        - const links = data.flatMap(x => x.link_list)
-        .tags-group-wrapper
-            - const pairs = links.reduce(function(acc, link, index) {
-            -    if (index % 2 === 0) acc.push([link])
-            -    else acc[acc.length - 1].push(link)
-            -    return acc
-            - }, [])
-            each i in [0, 1]
-                each pair in pairs
-                    .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)
-                                span.tags-group-title=y.name
+    if asyncBannerLinks
+        .tags-group-all.nowrapMove(data-friend-links-banner)
+            .friend-links-status(role="status")
+                i.solitude.fas.fa-spinner.fa-spin(aria-hidden="true")
+                span= _p('link.loading')
+    else
+        .tags-group-all.nowrapMove
+            - const data = site.data.links.links.filter(x => x.type !== 'discn')
+            - const links = data.flatMap(x => x.link_list).slice(0, 30)
+            .tags-group-wrapper
+                - const pairs = links.reduce(function(acc, link, index) {
+                -    if (index % 2 === 0) acc.push([link])
+                -    else acc[acc.length - 1].push(link)
+                -    return acc
+                - }, [])
+                each i in [0, 1]
+                    each pair in pairs
+                        .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)
+                                    span.tags-group-title=y.name
 - else
-    .tags-group-all(style="height:calc(3rem + 72px);")
+    .tags-group-all(style="height:calc(3rem + 72px);")

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

@@ -3,7 +3,7 @@
 script(pjax).
     (async () => {
         const emojiReg = /<img [^>]+ atk-emoticon="[^"]+">/g
-        if (typeof EasyDanmaku === "undefined") await utils.getScript('!{url_for(theme.cdn.envelope_js)}')
+        if (typeof EasyDanmaku === "undefined") await Solitude.getScript('!{url_for(theme.cdn.envelope_js)}')
         const envel = new EasyDanmaku({
             page: '!{theme.envelope.page}',
             el: '#barrage',
@@ -12,7 +12,7 @@ script(pjax).
             hover: !{hover},
             loop: !{loop},
         })
-        const data = utils.saveToLocal.get('enevlope')
+        const data = Solitude.saveToLocal.get('enevlope')
         if (data) {
             envel.batchSend(data, true)
             return
@@ -30,7 +30,7 @@ script(pjax).
                     })
                 }
                 envel.batchSend(ls, true)
-                utils.saveToLocal.set('enevlope', ls, .02)
+                Solitude.saveToLocal.set('enevlope', ls, .02)
             }).catch(error => {
                 console.error("An error occurred while fetching comments: ", error)
             })

package/layout/includes/widgets/page/message/content.pug

@@ -2,8 +2,8 @@
     != page.content
     if theme.envelope.enable
         .switch_message
-            button.open(type='button' onclick="document.getElementById('barrage').classList.remove('hide')")
+            button.open(type='button' data-solitude-action="setTargetClass" data-solitude-target="#barrage" data-solitude-class="hide" data-solitude-enabled="false")
                 span(aria-hidden='true')= __('message.open')
-            button.close(type='button' onclick="document.getElementById('barrage').classList.add('hide')")
+            button.close(type='button' data-solitude-action="setTargetClass" data-solitude-target="#barrage" data-solitude-class="hide" data-solitude-enabled="true")
                 span(aria-hidden='true')= __('message.close')
-        #barrage
+        #barrage

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

@@ -3,7 +3,7 @@
 script(pjax).
     (async () => {
         const emojiReg = /<img class="tk-owo-emotion" [^>]+>/g
-        if (typeof EasyDanmaku === "undefined") await utils.getScript('!{url_for(theme.cdn.envelope_js)}')
+        if (typeof EasyDanmaku === "undefined") await Solitude.getScript('!{url_for(theme.cdn.envelope_js)}')
         const Danmaku = new EasyDanmaku({
             page: '!{theme.envelope.page}',
             el: '#barrage',
@@ -12,7 +12,7 @@ script(pjax).
             hover: !{hover},
             loop: !{loop},
         })
-        const data = utils.saveToLocal.get('enevlope')
+        const data = Solitude.saveToLocal.get('enevlope')
         if (data) {
             Danmaku.batchSend(data, true)
             return
@@ -32,7 +32,7 @@ script(pjax).
                 ls.push({avatar: i.avatar, content: i.nick + ': ' + formatDanmaku(i.comment), url: i.url + '#' + i.id})
             }
             Danmaku.batchSend(ls, true);
-            utils.saveToLocal.set('envelope', ls, 0.02)
+            Solitude.saveToLocal.set('envelope', ls, 0.02)
         });
 
         function formatDanmaku(str) {

package/layout/includes/widgets/page/message/valine.pug

@@ -3,7 +3,7 @@
 script(pjax).
     (async () => {
         const emojiReg = /:[a-z0-9_\u4e00-\u9fa5]+:/g
-        if(typeof EasyDanmaku === "undefined") await utils.getScript('!{url_for(theme.cdn.envelope_js)}')
+        if(typeof EasyDanmaku === "undefined") await Solitude.getScript('!{url_for(theme.cdn.envelope_js)}')
         const envel = new EasyDanmaku({
             page: '!{theme.envelope.page}',
             el: '#barrage', 
@@ -12,7 +12,7 @@ script(pjax).
             hover: !{hover},
             loop: !{loop},
         })
-        const data = utils.saveToLocal.get('enevlope')
+        const data = Solitude.saveToLocal.get('enevlope')
         if(data){
             envel.batchSend(data,true)
             return
@@ -40,9 +40,9 @@ script(pjax).
                     avatar: '!{avatar}/avatar/'+md5(item.mail),
                     url: item.url
                 }))
-            if (typeof md5 === "undefined") await utils.getScript('!{url_for(theme.cdn.blueimp_md5)}')
+            if (typeof md5 === "undefined") await Solitude.getScript('!{url_for(theme.cdn.blueimp_md5)}')
             envel.batchSend(init(),true)
-            utils.saveToLocal.set('enevlope',init(),.02)
+            Solitude.saveToLocal.set('enevlope',init(),.02)
         } catch (error) {
             console.error("An error occurred while fetching comments: ", error)
         }

package/layout/includes/widgets/page/message/waline.pug

@@ -1,7 +1,7 @@
 script(pjax).
     (async () => {
         const emojiReg = /<img [^>]+ class="wl-emoji">/g
-        if(typeof EasyDanmaku === "undefined") await utils.getScript('!{url_for(theme.cdn.envelope_js)}')
+        if(typeof EasyDanmaku === "undefined") await Solitude.getScript('!{url_for(theme.cdn.envelope_js)}')
         const envel = new EasyDanmaku({
             page: '!{theme.envelope.page}',
             el: '#barrage',
@@ -10,7 +10,7 @@ script(pjax).
             hover: !{hover},
             loop: !{loop},
         })
-        const data = utils.saveToLocal.get('enevlope')
+        const data = Solitude.saveToLocal.get('enevlope')
         if(data){
             envel.batchSend(data,true)
             return
@@ -26,7 +26,7 @@ script(pjax).
                     })
                 }
                 envel.batchSend(ls,true)
-                utils.saveToLocal.set('enevlope',ls,.02)
+                Solitude.saveToLocal.set('enevlope',ls,.02)
             }).catch(error => {
                 console.error("An error occurred while fetching comments: ", error)
             })

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

@@ -4,7 +4,7 @@ script(pjax).
     (async () => {
         document.querySelector('!{sel}').textContent = `#{__("loading")}`
         const emojiReg = /<img [^>]+ atk-emoticon="[^"]+">/g
-        let cache = utils.saveToLocal.get('!{str_name}')
+        let cache = Solitude.saveToLocal.get('!{str_name}')
         if (cache) {
             setHtml(document.querySelector('!{sel}'), cache)
             return
@@ -38,12 +38,12 @@ script(pjax).
                     })
                 }
                 setHtml(document.querySelector('!{sel}'), ls)
-                utils.saveToLocal.set('!{str_name}', ls, !{cache})
+                Solitude.saveToLocal.set('!{str_name}', ls, !{cache})
             })
 
         function setHtml(el, data) {
             el.innerHTML = data.length !== 0 ? data.map(i => `
-                                        <div class="comment-card" title="${i.title}" onclick="pjax.loadUrl('${i.url}')">
+                                        <div class="comment-card" title="${i.title}" data-solitude-action="navigateTo" data-solitude-url="${i.url}">
                                             <div class="comment-info">
                                                 <img src="${i.avatar}" class="nolazyload" alt="${i.nick}">
                                                 <div>
@@ -57,11 +57,7 @@ script(pjax).
                                             ${i.title}</div>
                                         </div>
                                     `).join('') : `#{__("console.newest_comment.empty")}`
-            if (typeof utils !== 'undefined') utils.diffDateFormat(document.querySelectorAll('.comment-time'))
-            else {
-                document.addEventListener('pjax:complete', () => utils.diffDateFormat(document.querySelectorAll('.comment-time')))
-                document.addEventListener('DOMContentLoaded', () => utils.diffDateFormat(document.querySelectorAll('.comment-time')))
-            }
+            Solitude.diffDateFormat(document.querySelectorAll('.comment-time'))
         }
 
         function checkEmoji(content) {
@@ -75,4 +71,4 @@ script(pjax).
             content = content.replace(/```.*?```/g, '[!{__("console.newest_comment.code")}]')
             return content
         }
-    })()
+    })()

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

@@ -5,7 +5,7 @@ script(pjax).
     (async () => {
         document.querySelector('!{sel}').textContent = `#{__("loading")}`
         const emojiReg = /<img class="tk-owo-emotion" [^>]+>/g
-        let cache = utils.saveToLocal.get('!{str_name}')
+        let cache = Solitude.saveToLocal.get('!{str_name}')
         if (cache) {
             setHtml(document.querySelector('!{sel}'), cache)
             return
@@ -46,12 +46,12 @@ script(pjax).
                 })
             }
             setHtml(document.querySelector('!{sel}'), ls)
-            utils.saveToLocal.set('!{str_name}', ls, !{cache})
+            Solitude.saveToLocal.set('!{str_name}', ls, !{cache})
         });
 
         function setHtml(el, data) {
             el.innerHTML = data.length !== 0 ? data.map(i => `
-                <div class="comment-card" title="${i.title}" onclick="pjax.loadUrl('${i.url}')">
+                <div class="comment-card" title="${i.title}" data-solitude-action="navigateTo" data-solitude-url="${i.url}">
                     <div class="comment-info">
                         <img src="${i.avatar}" class="nolazyload" alt="${i.nick}">
                         <div>
@@ -65,11 +65,7 @@ script(pjax).
                     ${i.title}</div>
                 </div>
             `).join('') : `#{__("console.newest_comment.empty")}`
-            if (typeof utils !== 'undefined') utils.diffDateFormat(document.querySelectorAll('.comment-time'))
-            else {
-                document.addEventListener('pjax:complete', () => utils.diffDateFormat(document.querySelectorAll('.comment-time')))
-                document.addEventListener('DOMContentLoaded', () => utils.diffDateFormat(document.querySelectorAll('.comment-time')))
-            }
+            Solitude.diffDateFormat(document.querySelectorAll('.comment-time'))
         }
 
         function formatContent(content) {
@@ -81,4 +77,4 @@ script(pjax).
             content = content.replace(/<.*?>/g, '');
             return content
         }
-    })()
+    })()

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

@@ -4,13 +4,13 @@ script(pjax).
     (async () => {
         document.querySelector('!{sel}').textContent = `#{__("loading")}`
         const emojiReg = /:[a-z0-9_\u4e00-\u9fa5]+:/g
-        let cache = utils.saveToLocal.get('!{str_name}')
+        let cache = Solitude.saveToLocal.get('!{str_name}')
         if (cache) {
             setHtml(document.querySelector('!{sel}'), cache)
             return
         }
         let ls = []
-        if (typeof md5 === "undefined") await utils.getScript('!{url_for(theme.cdn.blueimp_md5)}')
+        if (typeof md5 === "undefined") await Solitude.getScript('!{url_for(theme.cdn.blueimp_md5)}')
         await fetch('!{serverURLs}/1.1/classes/Comment?limit=8&order=-createdAt', {
             method: "GET",
             headers: {
@@ -43,12 +43,12 @@ script(pjax).
                 })
             }
             setHtml(document.querySelector('!{sel}'), ls)
-            utils.saveToLocal.set('!{str_name}', ls, !{cache})
+            Solitude.saveToLocal.set('!{str_name}', ls, !{cache})
         })
 
         function setHtml(el, data) {
             el.innerHTML = data.length !== 0 ? data.map(i => `
-                        <div class="comment-card" title="${i.title}" onclick="pjax.loadUrl('${i.url}')">
+                        <div class="comment-card" title="${i.title}" data-solitude-action="navigateTo" data-solitude-url="${i.url}">
                             <div class="comment-info">
                                 <img src="${i.avatar}" class="nolazyload" alt="${i.nick}">
                                 <div>
@@ -62,11 +62,7 @@ script(pjax).
                             ${i.title}</div>
                         </div>
                     `).join('') : `#{__("console.newest_comment.empty")}`
-            if (typeof utils !== 'undefined') utils.diffDateFormat(document.querySelectorAll('.comment-time'))
-            else {
-                document.addEventListener('pjax:complete', () => utils.diffDateFormat(document.querySelectorAll('.comment-time')))
-                document.addEventListener('DOMContentLoaded', () => utils.diffDateFormat(document.querySelectorAll('.comment-time')))
-            }
+            Solitude.diffDateFormat(document.querySelectorAll('.comment-time'))
         }
 
         function formatContent(content) {
@@ -76,4 +72,4 @@ script(pjax).
             content = content.replace(/```.*?```/g, '[!{__("console.newest_comment.code")}]')
             return content
         }
-    })()
+    })()

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

@@ -2,7 +2,7 @@ script(pjax).
     (async () => {
         document.querySelector('!{sel}').textContent = `#{__("loading")}`
         const emojiReg = /<img [^>]+ class="wl-emoji">/g
-        let cache = utils.saveToLocal.get('!{str_name}')
+        let cache = Solitude.saveToLocal.get('!{str_name}')
         if (cache) {
             setHtml(document.querySelector('!{sel}'), cache)
             return
@@ -34,12 +34,12 @@ script(pjax).
                     })
                 }
                 setHtml(document.querySelector('!{sel}'), ls)
-                utils.saveToLocal.set('!{str_name}', ls, !{cache})
+                Solitude.saveToLocal.set('!{str_name}', ls, !{cache})
             })
 
         function setHtml(el, data) {
             el.innerHTML = data.length !== 0 ? data.map(i => `
-                                <div class="comment-card" title="${i.title}" onclick="pjax.loadUrl('${i.url}')">
+                                <div class="comment-card" title="${i.title}" data-solitude-action="navigateTo" data-solitude-url="${i.url}">
                                     <div class="comment-info">
                                         <img src="${i.avatar}" class="nolazyload" alt="${i.nick}">
                                         <div>
@@ -53,11 +53,7 @@ script(pjax).
                                     ${i.title}</div>
                                 </div>
                             `).join('') : `#{__("console.newest_comment.empty")}`
-            if (typeof utils !== 'undefined') utils.diffDateFormat(document.querySelectorAll('.comment-time'))
-            else {
-                document.addEventListener('pjax:complete', () => utils.diffDateFormat(document.querySelectorAll('.comment-time')))
-                document.addEventListener('DOMContentLoaded', () => utils.diffDateFormat(document.querySelectorAll('.comment-time')))
-            }
+            Solitude.diffDateFormat(document.querySelectorAll('.comment-time'))
         }
 
         function formatContent(content) {
@@ -68,4 +64,4 @@ script(pjax).
             content = content.replace(/<.*?>/g, '');
             return content
         }
-    })()
+    })()

package/layout/includes/widgets/post/award.pug

@@ -1,5 +1,5 @@
 .post-reward
-    .reward-button(title=_p('award.tipping') onclick="AddRewardMask()")
+    .reward-button(title=_p('award.tipping') heotip=_p('award.tipping') data-solitude-action="showReward")
         i.solitude.fas.fa-heart
         =_p('award.tipping')
     .reward-main
@@ -15,30 +15,3 @@
             a.reward-main-btn(href=url_for(theme.post.award.appreciators))
                 .reward-text= _p('award.title')
                 .reward-dec=theme.post.award.desc
-
-script.
-    function RemoveRewardMask() {
-        let rewardMainElements = document.querySelectorAll(".reward-main");
-        let quitBoxElement = document.querySelector("#quit-box");
-
-        rewardMainElements.forEach(element => {
-            element.style.display = "none";
-        });
-
-        if (quitBoxElement) {
-            quitBoxElement.style.display = "none";
-        }
-    }
-
-    function AddRewardMask() {
-        let rewardMainElements = document.querySelectorAll(".reward-main");
-        let quitBoxElement = document.querySelector("#quit-box");
-
-        rewardMainElements.forEach(element => {
-            element.style.display = "flex";
-        });
-
-        if (quitBoxElement) {
-            quitBoxElement.style.display = "flex";
-        }
-    }

package/layout/includes/widgets/post/copyright.pug

@@ -7,7 +7,7 @@
         .post-copyright__author_desc= page.desc || config.subtitle
     .post-tools#post-tools
         .post-tools-left
-            #quit-box(onclick="RemoveRewardMask()")
+            #quit-box(data-solitude-action="hideReward")
             if theme.post.award.enable
                 include ./award
             if theme.post.rss
@@ -25,31 +25,31 @@
             each item in theme.post.share.list || []
                 case item
                     when 'qq'
-                        a.social-share-ico.icon-qq(href=`https://connect.qq.com/widget/shareqq/index.html?url=${encodedPath}&title=${encodedTitle}&desc=${encodedDescription}&summary=${encodedDescription}&site=${encodedTitle}&pics=${encodedIcon}` title=_p('post.share.qq'))
+                        a.social-share-ico.icon-qq(href=`https://connect.qq.com/widget/shareqq/index.html?url=${encodedPath}&title=${encodedTitle}&desc=${encodedDescription}&summary=${encodedDescription}&site=${encodedTitle}&pics=${encodedIcon}` title=_p('post.share.qq') heotip=_p('post.share.qq'))
                             i.solitude.fab.fa-qq
                     when 'weibo'
-                        a.social-share-ico.icon-weibo(href=`http://service.weibo.com/share/share.php?url=${encodedPath}&title=${encodedTitle}&pic=${encodedIcon}` title=_p('post.share.weibo'))
+                        a.social-share-ico.icon-weibo(href=`http://service.weibo.com/share/share.php?url=${encodedPath}&title=${encodedTitle}&pic=${encodedIcon}` title=_p('post.share.weibo') heotip=_p('post.share.weibo'))
                             i.solitude.fab.fa-weibo
                     when 'telegram'
-                        a.social-share-ico.icon-telegram(href=`https://t.me/share/url?url=${encodedPath}&text=${encodedTitle}` title=_p('post.share.telegram'))
+                        a.social-share-ico.icon-telegram(href=`https://t.me/share/url?url=${encodedPath}&text=${encodedTitle}` title=_p('post.share.telegram') heotip=_p('post.share.telegram'))
                             i.solitude.fab.fa-telegram
                     when 'whatsapp'
-                        a.social-share-ico.icon-whatsapp(href=`https://api.whatsapp.com/send?text=${encodedTitle} ${encodedPath}` title=_p('post.share.whatsapp'))
+                        a.social-share-ico.icon-whatsapp(href=`https://api.whatsapp.com/send?text=${encodedTitle} ${encodedPath}` title=_p('post.share.whatsapp') heotip=_p('post.share.whatsapp'))
                             i.solitude.fab.fa-whatsapp
                     when 'linkedin'
-                        a.social-share-ico.icon-linkedin(href=`https://www.linkedin.com/shareArticle?mini=true&url=${encodedPath}&title=${encodedTitle}&summary=${encodedDescription}&source=${encodedTitle}` title=_p('post.share.linkedin'))
+                        a.social-share-ico.icon-linkedin(href=`https://www.linkedin.com/shareArticle?mini=true&url=${encodedPath}&title=${encodedTitle}&summary=${encodedDescription}&source=${encodedTitle}` title=_p('post.share.linkedin') heotip=_p('post.share.linkedin'))
                             i.solitude.fab.fa-linkedin
                     when 'facebook'
-                        a.social-share-ico.icon-facebook(href=`https://www.facebook.com/sharer/sharer.php?u=${encodedPath}` title=_p('post.share.facebook'))
+                        a.social-share-ico.icon-facebook(href=`https://www.facebook.com/sharer/sharer.php?u=${encodedPath}` title=_p('post.share.facebook') heotip=_p('post.share.facebook'))
                             i.solitude.fab.fa-facebook
                     when 'twitter'
-                        a.social-share-ico.icon-twitter(href=`https://twitter.com/intent/tweet?url=${encodedPath}&text=${encodedTitle}` title=_p('post.share.twitter'))
+                        a.social-share-ico.icon-twitter(href=`https://twitter.com/intent/tweet?url=${encodedPath}&text=${encodedTitle}` title=_p('post.share.twitter') heotip=_p('post.share.twitter'))
                             i.solitude.fab.fa-twitter
                     when 'link'
-                        .social-share-ico.icon-link(onclick=`utils.copy("${path}")` title=_p('post.share.link'))
+                        .social-share-ico.icon-link(data-solitude-action="copy" data-solitude-value=path title=_p('post.share.link') heotip=_p('post.share.link'))
                             i.solitude.fas.fa-link
                     when 'qrcode'
-                        .social-share-ico.icon-qrcode(title=_p('post.share.qrcode'))
+                        .social-share-ico.icon-qrcode(title=_p('post.share.qrcode') heotip=_p('post.share.qrcode'))
                             i.solitude.fas.fa-qrcode
                             .share-main
                                 .share-main-all