hexo-theme-solitude 1.12.1 → 1.12.3

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

@@ -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)
@@ -47,7 +49,9 @@
 
 ## Todo
 
-- [x] 首页顶部新样式 
+- [x] 首页顶部新样式
+- [x] 首页文章列表三列显示
+- [x] btns 外挂标签
 
 > 如有问题请提 [issue](https://github.com/everfu/hexo-theme-solitude/issues)
 

package/README_en-US.md

@@ -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)
@@ -47,8 +49,8 @@
 
 ## Todo
 
-- [x] New style at the top of the home page
-- [x] Article sharing button
+- [x] The list of articles is displayed in three columns on the homepage.
+- [x] btns tags plugin.
 
 > If you have any questions, please issue an [issue](https://github.com/everfu/hexo-theme-solitude/issues)
 

package/README_zh-Hant.md

@@ -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)
@@ -47,8 +49,8 @@
 
 ## Todo
 
-- [x] 首頁頂部新樣式 
-- [x] 文章分享按钮
+- [x] 首页文章列表三列显示
+- [x] btns 外挂标签
 
 ## 應用
 

package/_config.yml

@@ -308,6 +308,7 @@ aside:
 # Configure information on the home page
 index_post_list:
   direction: column # row / column
+  column: 2 #2:2列 3:3列
   content: false # 1: post.description / 2: 自动获取description或截取内容(Automatically get descriptions or screenshots) / 3: 只使用截取内容(Use only screenshots) / false: 不显示内容(No content is displayed)
   length: 500 # 截取内容的长度 : The length of the screenshot content
   cover: both # left: 在左侧 : left / right: 在右侧 : right / both: 两侧 : both

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/head/config.pug

@@ -122,6 +122,16 @@
         }
     }
 
+    let highlight = false
+    if (theme.highlight.enable) {
+        highlight = {
+            limit: theme.highlight.limit,
+            expand: theme.highlight.expand,
+            copy: theme.highlight.copy,
+            syntax: config.syntax_highlighter
+        }
+    }
+
 script.
     const GLOBAL_CONFIG = {
         root: '!{config.root}',
@@ -133,13 +143,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: {

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.1",
-        "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/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/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/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/page/about/other.pug

@@ -1,82 +1,83 @@
 - var tj = site.data.about.tj
 - var oneself = site.data.about.oneself
 
-.author-content
-    if tj
-        .about-statistic.author-content-item(style=`background: url(${tj.img});`)
-            .card-content
-                .author-content-item-tips=_p('about.other.tj.tip')
-                span.author-content-item-title=_p('about.other.tj.title')
-                #statistic
-                .post-tips
-                    = _p('about.other.tj.post_tip')
-                    case tj.provider
-                        when '51la'
-                            a(href="https://v6.51.la/") 51la网站统计
-                        when 'baidu'
-                            a(href="https://tongji.baidu.com/") 百度统计
-                if tj.button
-                    .banner-button-group
-                        a.banner-button(href=url_for(tj.button_link))
-                            i.solitude.st-right-btn-fill
-                            span.banner-button-text= tj.button_text
+if tj || oneself
+    .author-content
+        if tj
+            .about-statistic.author-content-item(style=`background: url(${tj.img});`)
+                .card-content
+                    .author-content-item-tips=_p('about.other.tj.tip')
+                    span.author-content-item-title=_p('about.other.tj.title')
+                    #statistic
+                    .post-tips
+                        = _p('about.other.tj.post_tip')
+                        case tj.provider
+                            when '51la'
+                                a(href="https://v6.51.la/") 51la网站统计
+                            when 'baidu'
+                                a(href="https://tongji.baidu.com/") 百度统计
+                    if tj.button
+                        .banner-button-group
+                            a.banner-button(href=url_for(tj.button_link))
+                                i.solitude.st-right-btn-fill
+                                span.banner-button-text= tj.button_text
 
-            case tj.provider
-                when '51la'
-                    script.
-                        fetch("#{tj.url}")
-                            .then(res => res.text())
-                            .then(data => {
-                                const title = ["最近活跃", "今日人数", "今日访问", "昨日人数", "昨日访问", "本月访问", "总访问量"];
-                                let num = data.match(/(<\/span><span>).*?(\/span><\/p>)/g);
-                                num = num.map(el => {
-                                    let val = el.replace(/(<\/span><span>)/g, "");
-                                    return val.replace(/(<\/span><\/p>)/g, "");
+                case tj.provider
+                    when '51la'
+                        script.
+                            fetch("#{tj.url}")
+                                .then(res => res.text())
+                                .then(data => {
+                                    const title = ["最近活跃", "今日人数", "今日访问", "昨日人数", "昨日访问", "本月访问", "总访问量"];
+                                    let num = data.match(/(<\/span><span>).*?(\/span><\/p>)/g);
+                                    num = num.map(el => {
+                                        let val = el.replace(/(<\/span><span>)/g, "");
+                                        return val.replace(/(<\/span><\/p>)/g, "");
+                                    });
+                                    const s = document.getElementById("statistic");
+                                    let html = '';
+                                    for (let i = 0; i < num.length; i++) {
+                                        if (i === 0 || i === num.length - 1) continue;
+                                        html += `<div><span>${title[i]}</span><span id="${title[i]}">${num[i]}</span></div>`;
+                                    }
+                                    s.innerHTML = html;
                                 });
-                                const s = document.getElementById("statistic");
-                                let html = '';
-                                for (let i = 0; i < num.length; i++) {
-                                    if (i === 0 || i === num.length - 1) continue;
-                                    html += `<div><span>${title[i]}</span><span id="${title[i]}">${num[i]}</span></div>`;
-                                }
-                                s.innerHTML = html;
-                            });
-                when 'baidu'
-                    script.
-                        fetch("#{tj.url}")
-                            .then(res => res.json())
-                            .then(data => {
-                                const title = {"today_uv": "今日人数", "today_pv": "今日访问", "yesterday_uv": "昨日人数", "yesterday_pv": "昨日访问", "last_month_pv": "最近月访问", "last_year_pv": "最近年访问"};
+                    when 'baidu'
+                        script.
+                            fetch("#{tj.url}")
+                                .then(res => res.json())
+                                .then(data => {
+                                    const title = {"today_uv": "今日人数", "today_pv": "今日访问", "yesterday_uv": "昨日人数", "yesterday_pv": "昨日访问", "last_month_pv": "最近月访问", "last_year_pv": "最近年访问"};
 
-                                let s = document.getElementById("statistic");
+                                    let s = document.getElementById("statistic");
 
-                                for (let key in data) {
-                                if (data.hasOwnProperty(key) && title[key]) {
-                                    s.innerHTML += `<div><span>${title[key]}</span><span id="${key}">${data[key]}</span></div>`;
-                                }
-                                }
-                            });
+                                    for (let key in data) {
+                                    if (data.hasOwnProperty(key) && title[key]) {
+                                        s.innerHTML += `<div><span>${title[key]}</span><span id="${key}">${data[key]}</span></div>`;
+                                    }
+                                    }
+                                });
 
 
-    if oneself
-        style.
-            :root {
-                --site-about-oneself-map--light: url(#{oneself.map.light});
-                --site-about-oneself-map--dark: url(#{oneself.map.dark});
-            }
-        .author-content-item-group.column.mapAndInfo
-            .author-content-item.map.single
-                span.map-title=_p('about.other.oneself.map_title') + oneself.location
-            .author-content-item.selfInfo.single
-                div
-                    span.selfInfo-title=_p('about.other.oneself.info_title1')
-                    span.selfInfo-content(style="color: #43a6c6;")= oneself.birthYear
-                div
-                    span.selfInfo-title= oneself.university
-                    span.selfInfo-content(style="color: #c69043;")= oneself.major
-                div
-                    span.selfInfo-title=_p('about.other.oneself.info_title2')
-                    span.selfInfo-content(style="color: #b04fe6;")= oneself.occupation
+        if oneself
+            style.
+                :root {
+                    --site-about-oneself-map--light: url(#{oneself.map.light});
+                    --site-about-oneself-map--dark: url(#{oneself.map.dark});
+                }
+            .author-content-item-group.column.mapAndInfo
+                .author-content-item.map.single
+                    span.map-title=_p('about.other.oneself.map_title') + oneself.location
+                .author-content-item.selfInfo.single
+                    div
+                        span.selfInfo-title=_p('about.other.oneself.info_title1')
+                        span.selfInfo-content(style="color: #43a6c6;")= oneself.birthYear
+                    div
+                        span.selfInfo-title= oneself.university
+                        span.selfInfo-content(style="color: #c69043;")= oneself.major
+                    div
+                        span.selfInfo-title=_p('about.other.oneself.info_title2')
+                        span.selfInfo-content(style="color: #b04fe6;")= oneself.occupation
 
 - var cause = site.data.about.cause
 

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

@@ -34,7 +34,7 @@ script().
                 item: '.OwO-items li'
             })
 
-            barrageTwikoo()
+            !{commentBarrage} && barrageTwikoo()
         }
 
         const loadTwikoo = () => {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "hexo-theme-solitude",
-  "version": "1.12.1",
+  "version": "1.12.3",
   "description": "A beautiful, powerful, and efficient Hexo theme developed by EverFu.",
   "main": "package.json",
   "scripts": {
@@ -24,9 +24,9 @@
   },
   "bugs": {
     "url": "https://github.com/everfu/hexo-theme-solitude/issues",
-    "email": "o@efu.me"
+    "email": "o@everfu.org"
   },
   "homepage": "https://www.efu.me/",
-  "author": "Hexo-Theme-Solitude<o@efu.me>",
+  "author": "Hexo-Theme-Solitude<o@everfu.org>",
   "license": "MIT"
 }

package/plugins.yml

@@ -1,11 +1,11 @@
 algolia_search:
   name: algoliasearch
   file: dist/algoliasearch-lite.umd.js
-  version: 4.23.3
+  version: 4.24.0
 instantsearch:
   name: instantsearch.js
   file: dist/instantsearch.production.min.js
-  version: 4.70.0
+  version: 4.73.0
 pjax:
   name: pjax
   file: pjax.min.js
@@ -18,11 +18,11 @@ waline_js:
   name: '@waline/client'
   file: dist/waline.js
   other_name: waline
-  version: 3.2.1
+  version: 3.2.7
 waline_css:
   name: '@waline/client'
   file: dist/waline.css
-  version: 3.2.1
+  version: 3.2.7
   other_name: waline
 valine:
   name: valine
@@ -31,11 +31,11 @@ valine:
 artalk_css:
   name: artalk
   file: dist/Artalk.css
-  version: 2.8.6
+  version: 2.8.7
 artalk_js:
   name: artalk
   file: dist/Artalk.js
-  version: 2.8.6
+  version: 2.8.7
 katex:
   name: katex
   file: dist/katex.min.css

package/scripts/event/merge_config.js

@@ -104,6 +104,7 @@ hexo.extend.filter.register('before_generate', () => {
         },
         index_post_list: {
             direction: 'column',
+            column: 2,
             content: false,
             length: 500,
             cover: 'both'

package/scripts/helper/inject_head_js.js

@@ -83,4 +83,9 @@ hexo.extend.helper.register('inject_head_js', function () {
         }
     `
     return `<script>(()=>{${createJS()}})()</script>`
+})
+
+hexo.extend.helper.register('packageVersion', function () {
+    const {version} = require('../../package.json')
+    return version
 })

package/scripts/tags/btns.js

@@ -0,0 +1,35 @@
+"use strict";
+
+function postBtns(args, content) {
+    return `<div class="btns ${args.join(" ")}">
+            ${content}
+          </div>`;
+}
+
+function postCell(args, content) {
+    args = args.join(" ").split(",");
+    let text = args[0] || "";
+    let url = args[1] || "";
+    text = text.trim();
+    url = url.trim();
+    if (url.length > 0) {
+        url = "href='" + url + "'";
+    }
+    let icon = "";
+    let img = "https://npm.elemecdn.com/hexo-butterfly-tag-plugins-plus/lib/assets/default.svg";
+    if (args.length > 2) {
+        if (args[2].indexOf(" solitude") > -1) {
+            icon = args[2].trim();
+        } else {
+            img = args[2].trim();
+        }
+    }
+    if (icon.length > 0) {
+        return `<a class="button no-text-decoration" ${url} title='${text}'><i class='${icon}'></i>${text}</a>`;
+    } else {
+        return `<a class="button no-text-decoration" ${url} title='${text}'><img src='${img}'>${text}</a>`;
+    }
+}
+
+hexo.extend.tag.register("btns", postBtns, { ends: true });
+hexo.extend.tag.register("cell", postCell);

package/source/css/_global/index.styl

@@ -148,9 +148,6 @@ hr
   overflow visible
   display: none
 
-pre
-  font-family monospace, monospace
-
 a
   color var(--efu-fontcolor)
   text-decoration none
@@ -165,7 +162,7 @@ abbr[title]
 b, strong
   font-weight bolder
 
-code, kbd, samp
+code, kbd, samp, pre
   font-family $code-font-family
   font-size $code-font-size
 
@@ -363,6 +360,7 @@ b, strong
 i.solitude
   font-size 22px
   line-height 1
+  font-synthesis style
 
 .layout
   display: flex

package/source/css/_highlight/highlight/index.styl

@@ -1,4 +1,5 @@
-@import "diff"
+if hexo-config('highlight.enable')
+  @import "diff"
 figure
   pre
     margin 0

package/source/css/_highlight/index.styl

@@ -1,6 +1,6 @@
-@import "color"
-
-@import "theme/" + hexo-config('highlight.theme')
+if hexo-config('highlight.enable')
+  @import "color"
+  @import "theme/" + hexo-config('highlight.theme')
 
 if $highlight_enable
   @require "highlight/index.styl"

package/source/css/_highlight/prismjs/index.styl

@@ -1,6 +1,7 @@
 @require line-number
 
-@require diff
+if hexo-config('highlight.enable')
+  @require diff
 
 #article-container
   pre[class*='language-']

package/source/css/_layout/header.styl

@@ -692,6 +692,7 @@ if hexo-config('nav.group')
       opacity 0
       pointer-events none
       backdrop-filter blur(20px)
+      -webkit-backdrop-filter  blur(20px)
 
       +maxWidth768()
         left 0

package/source/css/_layout/recent-post.styl

@@ -32,13 +32,6 @@ if hexo-config('index_post_list.direction') == "column"
       cursor pointer
       border var(--style-border)
 
-      +minWidth1300()
-        flex-direction column
-        width 100%
-        flex 1 1 40%
-        max-width 50%
-        box-shadow var(--efu-shadow-border)
-
       +maxWidth1300()
         margin-bottom .5rem
 
@@ -238,6 +231,25 @@ if hexo-config('index_post_list.direction') == "column"
           .sticky
             color var(--efu-fontcolor)
 
+  if hexo-config('index_post_list.direction') == "column" && hexo-config('index_post_list.column') == 2
+    #recent-posts
+      > .recent-post-item
+        +minWidth1300()
+          flex-direction column
+          width 100%
+          flex 1 1 40%
+          max-width 50%
+          box-shadow var(--efu-shadow-border)
+  else if hexo-config('index_post_list.direction') == "column" && hexo-config('index_post_list.column') == 3
+    #recent-posts
+      > .recent-post-item
+        +minWidth1300()
+          flex-direction column
+          width 100%
+          flex 1 1 33.3%
+          max-width 32.6%
+          box-shadow var(--efu-shadow-border)
+      
 else if hexo-config('index_post_list.direction') == "row"
   #recent-posts
     position relative

package/source/css/_page/_home/home-top.styl

@@ -79,6 +79,7 @@
       display flex
       flex-direction column
       width calc(100% / 3 - 0.5rem)
+      min-width 200px
       align-items flex-start
       background var(--efu-card-bg)
       border-radius 12px

package/source/css/_post/pagination.styl

@@ -4,7 +4,14 @@
   border var(--style-border-always)
 
   div:only-child
-    width 100%!important
+    &.next-post, &.prev-post
+      width 100%
+
+    &.next-post a
+      border-left 0
+
+    &.prev-post a
+      border-right 0
 
   +minWidth1300()
     position fixed
@@ -113,7 +120,7 @@
     a
       +minWidth768()
         border-right var(--efu-main-op)
-        border-right-width 1px
+        border-right-width .5px
         border-right-style solid
 
       +minWidth1300()
@@ -131,7 +138,7 @@
     a
       +minWidth768()
         border-left var(--efu-main-op)
-        border-left-width 1px
+        border-left-width .5px
         border-left-style solid
         display flex
         align-items flex-start

package/source/css/_tags/btns.styl

@@ -0,0 +1,212 @@
+[data-theme="dark"]
+  div
+    &.btns
+      filter brightness(0.7)
+      a
+        background 0 0
+div
+  &.btns
+    margin 0 -8px
+    display flex
+    flex-wrap wrap
+    align-items flex-start
+    overflow visible
+    line-height 1.8
+    b
+      font-size 0.875rem
+    &.wide
+      & > a
+        padding-left 32px
+        padding-right 32px
+    &.fill
+      & > a
+        flex-grow 1
+        width auto
+    &.around
+      justify-content space-around
+    &.center
+      justify-content center
+    &.grid2
+      & > a
+        width calc(100% / 2 - 16px)
+    &.grid3
+      & > a
+        width calc(100% / 3 - 16px)
+    &.grid4
+      & > a
+        width calc(100% / 4 - 16px)
+    &.grid5
+      & > a
+        width calc(100% / 5 - 16px)
+    a
+      transition all 0.28s ease
+      -moz-transition all 0.28s ease
+      -webkit-transition all 0.28s ease
+      -o-transition all 0.28s ease
+      margin 8px
+      margin-top calc(1.25 * 16px + 32px)
+      min-width 120px
+      font-weight bold
+      display flex
+      justify-content flex-start
+      align-content center
+      align-items center
+      flex-direction column
+      padding 8px
+      text-align center
+      background #f6f6f6
+      border-radius 4px
+      border-bottom none!important
+      & > i
+        background #2196f3!important
+        &:first-child
+          color #fff
+          background #2196f3
+      b
+        font-weight bold
+        line-height 1.3
+      img
+        margin 0.4em auto !important
+      &:not([href])
+        cursor default
+        color inherit
+    a[href]:hover
+      background: var(--efu-main)
+      color: var(--efu-white) !important
+      & > i
+        &:first-child
+          background: var(--efu-main)
+
+div.btns,
+div.btns p,
+div.btns a
+  font-size 0.8125rem
+  color #555
+
+@media screen and (max-width: 1200px)
+  div
+    &.btns
+      &.grid2
+        & > a
+          width calc(100% / 2 - 16px)
+
+@media screen and (max-width: 768px)
+  div
+    &.btns
+      &.grid2
+        & > a
+          width calc(100% / 2 - 16px)
+
+@media screen and (max-width: 500px)
+  div
+    &.btns
+      &.grid2
+        & > a
+          width calc(100% / 1 - 16px)
+
+@media screen and (max-width: 1200px)
+  div
+    &.btns
+      &.grid3
+        & > a
+          width calc(100% / 3 - 16px)
+
+@media screen and (max-width: 768px)
+  div
+    &.btns
+      &.grid3
+        & > a
+          width calc(100% / 3 - 16px)
+
+@media screen and (max-width: 500px)
+  div
+    &.btns
+      &.grid3
+        & > a
+          width calc(100% / 1 - 16px)
+
+@media screen and (max-width: 1200px)
+  div
+    &.btns
+      &.grid4
+        & > a
+          width calc(100% / 3 - 16px)
+
+@media screen and (max-width: 768px)
+  div
+    &.btns
+      &.grid4
+        & > a
+          width calc(100% / 3 - 16px)
+
+@media screen and (max-width: 500px)
+  div
+    &.btns
+      &.grid4
+        & > a
+          width calc(100% / 2 - 16px)
+
+@media screen and (max-width: 1200px)
+  div
+    &.btns
+      &.grid5
+        & > a
+          width calc(100% / 4 - 16px)
+
+@media screen and (max-width: 768px)
+  div
+    &.btns
+      &.grid5
+        & > a
+          width calc(100% / 3 - 16px)
+
+@media screen and (max-width: 500px)
+  div
+    &.btns
+      &.grid5
+        & > a
+          width calc(100% / 2 - 16px)
+
+div.btns a > img:first-child,
+div.btns a > i:first-child
+  transition all 0.28s ease
+  -moz-transition all 0.28s ease
+  -webkit-transition all 0.28s ease
+  -o-transition all 0.28s ease
+  height 64px
+  width 64px
+  box-shadow 0 1px 2px 0 rgba(0, 0, 0, 0.1)
+  margin 16px 8px 4px 8px
+  margin-top calc(-1.25 * 16px - 32px)
+  border 2px solid #fff
+  background #fff
+  line-height 60px
+  font-size 28px
+
+div.btns a > img:first-child.auto,
+div.btns a > i:first-child.auto
+  width auto
+
+div.btns a p,
+div.btns a b
+  margin 0.25em
+  font-weight normal
+  line-height 1.25
+  word-wrap break-word
+
+div.btns a[href]:hover,
+div.btns a[href]:hover b
+  color #ff5722
+
+div.btns a[href]:hover > img:first-child,
+div.btns a[href]:hover > i:first-child
+  transform scale(1.1) translateY(-8px)
+  box-shadow 0 4px 8px 0 rgba(0, 0, 0, 0.1)
+
+div.btns.circle a > img:first-child,
+div.btns.circle a > i:first-child
+  border-radius 32px
+
+div.btns.rounded a > img:first-child,
+div.btns.rounded a > i:first-child
+  border-radius 16px

package/source/css/third_party/tianli_talk.styl

@@ -32,6 +32,12 @@
   opacity 0
   transition .3s
 
+#post_chat_button
+  display none
+
+  +maxWidth768()
+    display block
+
 #postChat_iframeContainer
   z-index 1000
   border var(--style-border-always)
@@ -39,12 +45,21 @@
   animation to_show_fromLeftBottom .2s ease-out
   border-radius 12px
 
+  +maxWidth768()
+    width 100% !important
+    height 100% !important
+    bottom 0 !important
+    left 0 !important
+    max-width 100% !important
+    max-height 100% !important
+    border-radius 0 !important
+
 #efuTalk.on span.efuTalkTitle, #efuTalk:hover span.efuTalkTitle
   color var(--efu-card-bg)
   opacity 1
 
 #postChat_button
-  display none!important
+  display none !important
 
 #efuTalk i.solitude.efuTalkIcon
   width 18px

package/source/js/main.js

@@ -28,7 +28,6 @@ const sidebarFn = () => {
 }
 const scrollFn = () => {
     const innerHeight = window.innerHeight;
-    if (document.body.scrollHeight <= innerHeight) return;
     let initTop = 0;
     const $header = document.getElementById('page-header');
     const throttledScroll = utils.throttle((e) => {
@@ -375,7 +374,7 @@ const sco = {
         }
         pageText.addEventListener("keydown", (event) => {
             if (event.keyCode === 13) {
-                this.toPage();
+                sco.toPage();
                 pjax.loadUrl(pageButton.href);
             }
         });

package/source/js/music.js

@@ -54,7 +54,7 @@ class ScoMusicPlayer {
             if (musicCover) {
                 loadingElement.style.display = "none";
                 clearInterval(timer);
-                document.querySelector('meting-js').aplayer.volume(0.8, true);
+                document.querySelector('meting-js');
                 this.addEventListenerChangeMusicBg();
                 backgroundElement.style.display = "block";
             }

package/source/js/right_menu.js

@@ -9,12 +9,8 @@ document.onmouseup = document.ondbclick = selectText;
 const rm = {
     mask: document.getElementById("rightmenu-mask"),
     menu: document.getElementById("rightMenu"),
-    get width() {
-        return this.menu.offsetWidth;
-    },
-    get height() {
-        return this.menu.offsetHeight;
-    },
+    width: 0,
+    height: 0,
     domhref: "",
     domsrc: "",
     globalEvent: null,
@@ -54,8 +50,10 @@ const rm = {
         rm.mask.style.display = "none";
     },
     reLoadSize() {
-        this.menu.style.display = "block";
-        this.menu.style.display = "none";
+        rm.menu.style.display = "block";
+        rm.width = rm.menu.offsetWidth;
+        rm.height = rm.menu.offsetHeight;
+        rm.menu.style.display = 'none';
     },
     copyText(e) {
         navigator.clipboard && navigator.clipboard.writeText(e);
@@ -101,9 +99,9 @@ const rm = {
 };
 
 function stopMaskScroll() {
-    utils.addEventListenerPjax(rm.menu, "mousewheel", rm.hideRightMenu);
-    utils.addEventListenerPjax(rm.mask, "mousewheel", rm.hideRightMenu);
-    utils.addEventListenerPjax(rm.mask, "click", rm.hideRightMenu);
+    utils.addEventListenerPjax(rm.menu, "mousewheel", rm.hideRightMenu, { passive: true });
+    utils.addEventListenerPjax(rm.mask, "mousewheel", rm.hideRightMenu, { passive: true });
+    utils.addEventListenerPjax(rm.mask, "click", rm.hideRightMenu, { passive: true });
 }
 
 window.oncontextmenu = (ele) => {