hexo-theme-solitude 3.0.21 → 4.0.0

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

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

@@ -16,6 +16,10 @@
     h1.post-title= page.title
     #post-meta
         .meta-secondline
+            if theme.wordcount && theme.post.meta.wordcount
+                span.post-meta-wordcount
+                    i.post-meta-icon.solitude.fas.fa-file-word(title=_p('post.wordcount'))
+                    span.word-count= wordcount(page.content)
             if theme.post.meta.date
                 span.post-meta-date(title=_p('post.posted') + ' ' + full_date(page.date))
                     i.post-meta-icon.solitude.fas.fa-calendar-days
@@ -24,15 +28,10 @@
                 span.post-meta-date(title=_p('post.updated') + ' ' + full_date(page.updated))
                     i.post-meta-icon.solitude.fas.fa-arrows-rotate
                     time(datetime=date_xml(page.updated))= date_xml(page.updated)
-            if theme.wordcount
-                span.post-meta-wordcount
-                    if theme.post.meta.wordcount
-                        i.post-meta-icon.solitude.fas.fa-file-word(title=_p('post.wordcount'))
-                        span.word-count= wordcount(page.content)
-                    span.post-meta-separator
-                    if theme.post.meta.readtime
-                        i.post-meta-icon.solitude.fas.fa-clock(title=_p('post.minread'))
-                        span= min2read(page.content) + ' ' + _p('post.min')
+            if theme.wordcount && theme.post.meta.readtime
+                span.post-meta-readtime
+                    i.post-meta-icon.solitude.fas.fa-clock(title=_p('post.minread'))
+                    span= min2read(page.content) + ' ' + _p('post.min')
             if theme.post.meta.locate
                 span.post-meta-position(title=_p('post.ip') + page.locate)
                     i.post-meta-icon.solitude.fas.fa-location-dot
@@ -64,7 +63,7 @@
                                 span#busuanzi_page_pv
                                     i.solitude.fas.fa-spinner.fa-spin
             if theme.post.meta.comment && page.comment && theme.comment.count && theme.comment.use
-                span.post-meta-commentcount(title=_p('post.comment'), onclick="sco.scrollTo('post-comment')")
+                span.post-meta-commentcount(title=_p('post.comment') data-solitude-action="scrollTo" data-solitude-target="post-comment")
                     i.solitude.fas.fa-comment
                     a(href=url_for(page.path) + "#post-comment")
                         case theme.comment.use[0]
@@ -80,4 +79,4 @@
                             when 'Artalk'
                                 span.artalk-comment-count
                                     i.solitude.fas.fa-spinner.fa-spin
-.post-radius-bottom
+.post-radius-bottom

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

@@ -1,3 +1,4 @@
-.coverdiv#coverdiv
-    img#post-cover.nolazyload(src=url_for(page.cover), alt=page.title)
+.post-cover-aside
+    a.post-cover-aside-link.fancybox(href=url_for(page.cover), target="_blank", rel="noopener", data-fancybox="images", data-caption=page.title, aria-label=page.title)
+        img#post-cover.post-cover-aside-img.nolazyload(src=url_for(page.cover), alt=page.title)
 include ./postInfo

package/layout/includes/widgets/rightside/hide.pug

@@ -1,12 +1,12 @@
 .rs_hide
     if theme.rightside.hide.translate
-        button.translate(type='button' title=_p('rightside.hide.translate'))= '简'
+        button.translate(type='button' title=_p('rightside.hide.translate') heotip=_p('rightside.hide.translate'))= '简'
     if theme.rightside.hide.mode 
-        button.mode(type='button' title=_p('rightside.hide.mode') onclick='sco.switchDarkMode()')
+        button.mode(type='button' title=_p('rightside.hide.mode') heotip=_p('rightside.hide.mode') data-solitude-action='toggleTheme')
             i.fas.fa-circle-half-stroke
     if theme.rightside.hide.aside && theme.console.enable
-        button.aside.pc(type='button' title=_p('rightside.hide.aside') onclick='sco.switchHideAside()')
+        button.aside.pc(type='button' title=_p('rightside.hide.aside') heotip=_p('rightside.hide.aside') data-solitude-action='switchHideAside')
             i.fas.fa-arrows-alt-h
     if theme.keyboard.enable
-        button.keyboard.pc(type='button' title=_p('console.switch_keyboard') onclick="sco.switchKeyboard()")
-            i.fas.fa-keyboard
+        button.keyboard.pc(type='button' title=_p('console.switch_keyboard') heotip=_p('console.switch_keyboard') data-solitude-action='switchKeyboard')
+            i.fas.fa-keyboard

package/layout/includes/widgets/rightside/show.pug

@@ -1,16 +1,16 @@
 .rs_show
     if theme.rightside.hide.enable
-        button.config(type='button' title=_p('rightside.show.gear') onclick='document.querySelector(".rs_hide").classList.toggle("show")')
-            i.fas.fa-gear.fa-spin
+        button.config(type='button' title=_p('rightside.show.gear') heotip=_p('rightside.show.gear') data-solitude-action='toggleTargetClass' data-solitude-target='.rs_hide')
+            i.fas.fa-gear
     if showToc
-        button.mobile.toc(type='button' title=_p('rightside.show.toc') onclick="document.querySelector('#card-toc').classList.toggle('open')")
+        button.mobile.toc(type='button' title=_p('rightside.show.toc') heotip=_p('rightside.show.toc') data-solitude-action='toggleTargetClass' data-solitude-target='#card-toc' data-solitude-class='open')
             i.fas.fa-list
     if page.comment
-        button.comment(type='button' title=_p('rightside.show.comment') onclick="sco.scrollTo('post-comment')")
+        button.comment(type='button' title=_p('rightside.show.comment') heotip=_p('rightside.show.comment') data-solitude-action='scrollTo' data-solitude-target='post-comment')
             i.fas.fa-comment
     if theme.comment.commentBarrage && page.comment
-        button.barrage.pc(type='button' title=_p('rightside.show.barrage') onclick="sco.switchCommentBarrage()")
+        button.barrage.pc(type='button' title=_p('rightside.show.barrage') heotip=_p('rightside.show.barrage') data-solitude-action='switchCommentBarrage')
             span= _p('rightside.show.barrage')
-    button.top(type='button' title=_p('rightside.show.top') onclick='sco.toTop()')
+    button.top(type='button' title=_p('rightside.show.top') heotip=_p('rightside.show.top') data-solitude-action='toTop')
         i.fas.fa-arrow-up
-        span#percent= "0"
+        span#percent= "0"

package/layout/includes/widgets/third-party/comments/artalk.pug

@@ -12,7 +12,7 @@ script.
                 pageKey: location.pathname,
                 darkMode: document.documentElement.getAttribute('data-theme') === 'dark'
             }, !{JSON.stringify(option)})
-            if (GLOBAL_CONFIG.lightbox === 'null') return
+            if (Solitude.config.lightbox === 'null') return
             artalkItem.on('list-loaded', () => {
                 const array = []
                 artalkItem.ctx.get('list').getCommentNodes().forEach(comment => {
@@ -22,13 +22,13 @@ script.
                         mailMd5: comment.data.email_encrypted,
                     })
                     const $content = comment.getRender().$content
-                    GLOBAL_CONFIG.lightbox && utils.lightbox($content.querySelectorAll('img:not([atk-emoticon])'))
+                    Solitude.config.lightbox && Solitude.lightbox($content.querySelectorAll('img:not([atk-emoticon])'))
                 })
-                sco.owoBig({body: '.atk-grp', item: '.atk-item'})
+                Solitude.owoBig({body: '.atk-grp', item: '.atk-item'})
                 !{commentBarrage} && barrageArtalk(array)
             })
             const destroyArtalk = () => artalkItem.destroy()
-            utils.addGlobalFn('pjax', destroyArtalk, 'destroyArtalk')
+            Solitude.addGlobalFn('pjax', destroyArtalk, 'destroyArtalk')
             document.addEventListener('pjax:complete', function () {
                 artalkItem.update({
                     pageKey: window.location.pathname,
@@ -40,8 +40,8 @@ script.
         const loadArtalk = async () => {
             if (typeof Artalk === 'object') initArtalk()
             else {
-                await utils.getCSS('!{theme.cdn.artalk_css}')
-                await utils.getScript('!{theme.cdn.artalk_js}').then(initArtalk)
+                await Solitude.getCSS('!{theme.cdn.artalk_css}')
+                await Solitude.getScript('!{theme.cdn.artalk_js}').then(initArtalk)
             }
         }
         const artalkChangeMode = theme => {
@@ -50,9 +50,9 @@ script.
             const isDark = theme === 'dark'
             artalkItem.setDarkMode(isDark)
         }
-        utils.addGlobalFn('themeChange', artalkChangeMode, 'artalk')
+        Solitude.addGlobalFn('themeChange', artalkChangeMode, 'artalk')
         if ('!{use[0]}' === 'Artalk' || !{lazyload}) {
-            if (!{lazyload}) utils.loadComment(document.getElementById('artalk-wrap'), loadArtalk)
+            if (!{lazyload}) Solitude.loadComment(document.getElementById('artalk-wrap'), loadArtalk)
             else loadArtalk()
         } else {
             window.loadTwoComment = loadArtalk
@@ -63,6 +63,6 @@ if commentBarrage
     script.
         async function barrageArtalk(array) {
             const init = () => initializeCommentBarrage(array)
-            if (typeof initializeCommentBarrage === "undefined") await utils.getScript('!{url_for(theme.cdn.commentBarrage)}').then(init)
+            if (typeof initializeCommentBarrage === "undefined") await Solitude.getScript('!{url_for(theme.cdn.commentBarrage)}').then(init)
             else init()
         }

package/layout/includes/widgets/third-party/comments/giscus.pug

@@ -43,13 +43,13 @@ script.
             });
         }
 
-        utils.addGlobalFn('themeChange', changeGiscusTheme, 'giscus')
+        Solitude.addGlobalFn('themeChange', changeGiscusTheme, 'giscus')
 
         if ('!{use[0]}' === 'Giscus' || !!{lazyload}) {
             if (!{lazyload}) {
                 const giscusWrap = document.getElementById('giscus-wrap')
                 if (giscusWrap) {
-                    utils.loadComment(giscusWrap, loadGiscus)
+                    Solitude.loadComment(giscusWrap, loadGiscus)
                 }
             } else {
                 loadGiscus()