hexo-theme-solitude 1.0.0 → 1.1.0

package/scripts/event/welcome.js

@@ -2,14 +2,13 @@ hexo.on('ready', () => {
   const { version } = require('../../package.json')
   hexo.log.info(`
   ===================================================================
-      #####  #    #  ####  #####  ######   ##   #####
-      #    # #    # #    # #    # #       #  #  #    #
-      #####  #    # #      #####  ###### #    # ######
-      #    # #    # #  ### #    # #      ###### #  #
-      #    # #    # #    # #    # #      #    # #   #
-      #####   ####    ###  #####  ###### #    # #    #
+       #####  ####  #     #####  ###### #     # ######   ######
+      #      #    # #       #      #    #     # #      # #
+       ##### #    # #       #      #    #     # #      # ######
+           # #    # #       #      #    #     # #      # #
+      ######  ####  ##### #####    #      ###   ######   ######
                             ${version}
   ===================================================================
   主题链接：https://github.com/DuoSco/Hexo-theme-solitude
-  主题开发：王卓Sco`)
+  `)
 })

package/scripts/helper/randomLinks.js

@@ -12,5 +12,5 @@ hexo.extend.helper.register('randomLinks', function(){
             })
         }
     });
-    return `<script>const links=${JSON.stringify(links)};function travelling(){const link=links[utils.randomNum(links.length)];utils.snackbarShow('您即将前往 ⌈ '+link.name+' ⌋ , 安全性未知',false,3000);setTimeout(()=>{window.open(link.link,"_blank")},3000)};function randomLinksList(){let data='';for(let i=1;i<=3;i++){const link=links[utils.randomNum(links.length)];data+='<a class="footer-item" href="'+link.link+'" target="_blank" rel="noopener nofollow">'+link.name+'</a>'};document.getElementById('friend-links-in-footer').innerHTML=data + '<a class="footer-item" href="/links/">更多</a>'};</script>`
+    return `<script>const links=${JSON.stringify(links)};function travelling(){const link=links[utils.randomNum(links.length)];utils.snackbarShow('您即将前往 ⌈ '+link.name+' ⌋ , 安全性未知',false,3000);setTimeout(()=>{window.open(link.link,"_blank")},3000)};function randomLinksList(){let data='';let linksCopy = [...links];let count = Math.min(3, linksCopy.length);for (let i = 0; i < count; i++) {let index = utils.randomNum(linksCopy.length);const link = linksCopy[index];data += '<a class="footer-item" href="' + link.link + '" target="_blank" rel="noopener nofollow">' + link.name + '</a>';linksCopy.splice(index, 1);}document.getElementById('friend-links-in-footer').innerHTML = data + '<a class="footer-item" href="/links/">更多</a>';};</script>`
 })

package/scripts/helper/related_post.js

@@ -46,7 +46,7 @@ hexo.extend.helper.register('related_posts', function (currentPost, allPosts) {
 
     if (relatedPosts.length > 0) {
         result += '<div class="relatedPosts">'
-        result += `<div class="headline"><i class="ri-star-smile-fill"></i><span>${headlineLang}</span><div class="relatedPosts-link"><a onclick="event.preventDefault(); toRandomPost();" href="javascript:void(0);" rel="external nofollow" data-pjax-state="">随便逛逛</a></div></div>`
+        result += `<div class="headline"><i class="scoicon sco-star-smile-fill"></i><span>${headlineLang}</span><div class="relatedPosts-link"><a onclick="event.preventDefault(); toRandomPost();" href="javascript:void(0);" rel="external nofollow" data-pjax-state="">随便逛逛</a></div></div>`
         result += '<div class="relatedPosts-list">'
 
         for (let i = 0; i < Math.min(relatedPosts.length, limitNum); i++) {

package/scripts/helper/themeJsExport.js

@@ -1,5 +1,5 @@
-hexo.extend.helper.register('export_config', function() {
-    const { config, theme } = this, lang = hexo.theme.i18n.get(config.language || 'zh-CN')
+hexo.extend.helper.register('export_config', function () {
+    const {config, theme} = this, lang = hexo.theme.i18n.get(config.language || 'zh-CN')
     let exportGlobalConfig = {
         root: config.root,
         runtime: theme.aside.siteinfo.runtimeenable ? theme.aside.siteinfo.runtime : false,
@@ -47,17 +47,19 @@ hexo.extend.helper.register('export_config', function() {
         covercolor: theme.post.covercolor.enable,
         comment: {
             enable: theme.comment.enable,
-            twikooUrl: theme.comment.twikoo.envId
-
-        }
+            twikooUrl: theme.comment.twikoo.envId,
+            twikooAccessToken: theme.comment.twikoo.accessToken
+        },
     }
 
     // 搜索数据
-    if(theme.thirdparty.search.local_search.enable)exportGlobalConfig = Object.assign(exportGlobalConfig, {localsearch: {
-        preload: theme.thirdparty.search.local_search.preload,
-        path: theme.thirdparty.search.local_search.path || '/search.xml'
-    }})
-    if(theme.thirdparty.search.algolia_search.enable)exportGlobalConfig = Object.assign(exportGlobalConfig, {
+    if (theme.thirdparty.search.local_search.enable) exportGlobalConfig = Object.assign(exportGlobalConfig, {
+        localsearch: {
+            preload: theme.thirdparty.search.local_search.preload,
+            path: theme.thirdparty.search.local_search.path || '/search.xml'
+        }
+    })
+    if (theme.thirdparty.search.algolia_search.enable) exportGlobalConfig = Object.assign(exportGlobalConfig, {
         algolia: {
             appId: config.algolia.appId,
             apiKey: config.algolia.apiKey,

package/scripts/tags/hide.js

@@ -0,0 +1,70 @@
+/**
+ * Solitude
+ * @example
+ * hideInline
+ * {% hideInline content,display,bg,color %}
+ * content不能包含當引號，可用 '
+ * hideBlock
+ * {% hideBlock display,bg,color %}
+ * content
+ * {% endhideBlock %}
+ * hideToggle
+ * {% hideToggle display,bg,color %}
+ * content
+ * {% endhideToggle %}
+ */
+
+'use strict'
+
+function hideInline (args) {
+  args = args.join(' ').split(',')
+  const content = args[0]
+  const display = args[1] || 'Click'
+  const bg = args[2] || false
+  const color = args[3] || false
+  let group = 'style="'
+
+  if (bg) group += `background-color: ${bg};`
+  if (color) group += `color: ${color}`
+  group += '"'
+
+  return `<span class="hide-inline"><button type="button" class="hide-button" ${group}>${display}
+  </button><span class="hide-content">${content}</span></span>`
+}
+
+function hideBlock (args, content) {
+  args = args.join(' ').split(',')
+  const display = args[0] || 'Click'
+  const bg = args[1] || false
+  const color = args[2] || false
+  let group = 'style="'
+
+  if (bg) group += `background-color: ${bg};`
+  if (color) group += `color: ${color}`
+  group += '"'
+
+  return `<div class="hide-block"><button type="button" class="hide-button" ${group}>${display}
+    </button><div class="hide-content">${hexo.render.renderSync({ text: content, engine: 'markdown' })}</div></div>`
+}
+
+function hideToggle (args, content) {
+  args = args.join(' ').split(',')
+  const display = args[0]
+  const bg = args[1] || false
+  const color = args[2] || false
+  let group = 'style="'
+  let border = ''
+
+  if (bg) {
+    border = `style="border: 1px solid ${bg}"`
+    group += `background-color: ${bg};`
+  }
+  if (color) group += `color: ${color}`
+  group += '"'
+
+  return `<details class="toggle" ${border}><summary class="toggle-button" ${group}>${display}</summary><div class="toggle-content">${hexo.render.renderSync({ text: content, engine: 'markdown' })}</div></details>`
+}
+
+hexo.extend.tag.register('hideInline', hideInline)
+hexo.extend.tag.register('hideBlock', hideBlock, { ends: true })
+hexo.extend.tag.register('hideToggle', hideToggle, { ends: true })

package/scripts/tags/tabs.js

@@ -43,7 +43,7 @@ function postTabs (args, content) {
     const icon = tabIcon.trim()
     tabIcon.length > 0 && (tabIcon = `<svg ${isOnlyicon} class="scoicon tab" aria-hidden="true"><use xlink:href="#${icon}"></use></svg>`)
 
-    const toTop = '<button type="button" class="tab-to-top" aria-label="scroll to top"><i class="ri-arrow-up-line"></i></button>'
+    const toTop = '<button type="button" class="tab-to-top" aria-label="scroll to top"><i class="scoicon sco-arrow-up-line"></i></button>'
 
     const isActive = (tabActive > 0 && tabActive === tabId) || (tabActive === 0 && tabId === 1) ? ' active' : ''
     tabNav += `<li class="tab${isActive}"><button type="button" data-href="#${tabHref}">${tabIcon + tabCaption.trim()}</button></li>`

package/source/css/main.css

@@ -929,7 +929,7 @@ blockquote footer cite::before {
     font-size: 16px
 }
 
-.highlight-tools .ri-file-copy-fill {
+.highlight-tools .sco-copy-fill {
     position: absolute;
     right: .7rem;
     cursor: pointer;
@@ -937,7 +937,7 @@ blockquote footer cite::before {
     font-size: 18px
 }
 
-.highlight-tools .ri-file-copy-fill:hover {
+.highlight-tools .sco-copy-fill:hover {
     color: var(--sco-main)
 }
 
@@ -1837,7 +1837,7 @@ blockquote footer cite::before {
     position: absolute;
     opacity: 1;
     transition: .3s;
-    border: 5px solid var(--sco-white)
+
 }
 
 .author-info__top-group {
@@ -2534,7 +2534,12 @@ blockquote footer cite::before {
 
 #page-header.not-top-img #nav a:hover {
     color: var(--sco-white);
-    text-shadow: none
+    text-shadow: none;
+    align-items: center
+}
+
+#page-header #nav a:hover span.scoicon {
+    opacity: 0;
 }
 
 #page-header.nav-fixed #nav {
@@ -5465,9 +5470,8 @@ html {
         position: absolute;
         display: flex;
         z-index: 1;
-        content: "\ee24";
-        transition: .2s;
-        font-family: remixicon, serif !important;
+        content: "\e008";
+        font-family: scoicon, serif !important;
         align-items: center;
         justify-content: center;
         font-size: 22px;
@@ -5476,7 +5480,8 @@ html {
     }
 
     .post #nav #site-name:hover {
-        background: var(--sco-white-op)
+        background: var(--sco-white-op);
+        align-items: center
     }
 
     .nav-fixed #nav #site-name:hover {
@@ -6493,7 +6498,7 @@ a.console_switchbutton {
     height: 35px;
     width: 70px;
     justify-content: center;
-    align-items: center;
+    align-items: flex-end;
     text-shadow: none;
     border-radius: 40px;
     cursor: pointer
@@ -6705,27 +6710,23 @@ a.console_switchbutton {
     }
 }
 
-@media screen and (min-width: 768px) {
-    #aside-content .sticky_layout {
-        margin-top: 1rem
-    }
-}
+/*@media screen and (min-width: 768px) {*/
+/*    #aside-content .sticky_layout {*/
+/*        margin-top: 1rem*/
+/*    }*/
+/*}*/
 
-@media screen and (min-width: 1300px) {
-    #aside-content .sticky_layout {
-        margin-top: 1rem
-    }
-}
+/*@media screen and (min-width: 1300px) {*/
+/*    #aside-content .sticky_layout {*/
+/*        margin-top: 1rem*/
+/*    }*/
+/*}*/
 
 #aside-content .sticky_layout {
     top: 80px;
     transition: top 0s
 }
 
-#aside-content .sticky_layout .card-widget:first-child {
-    margin-top: 0
-}
-
 #aside-content .card-widget:hover {
     box-shadow: var(--sco-shadow-border)
 }
@@ -7190,48 +7191,7 @@ span.fund_name {
     align-content: center
 }
 
-#aside-content .card-widget#card-wechat {
-    display: flex;
-    justify-content: center;
-    align-content: center;
-    padding: 0;
-    cursor: pointer;
-    border: none;
-    height: 100px
-}
-
-#aside-content .card-widget#card-wechat::before {
-    position: absolute;
-    width: 100%;
-    height: 100%;
-    left: 0;
-    top: 0;
-    /*background: url() center center no-repeat;*/
-    content: '';
-    background-size: cover
-}
-
-#aside-content .card-widget#card-wechat img {
-    max-height: 110px;
-    object-fit: cover
-}
-
-.friend-link {
-    display: flex;
-    justify-content: center;
-    align-content: center
-}
-
-#flip-wrapper {
-    position: relative;
-    width: 100%;
-    height: 100%;
-    z-index: 1;
-    display: flex;
-    justify-content: center
-}
-
-#aside-content .card-widget.card-power {
+#aside-content .card-widget.card-power,#aside-content .card-widget.card-history,#aside-content .card-widget.card-welcome {
     padding: .4rem .6rem !important
 }
 
@@ -7325,40 +7285,6 @@ div#power-star-title {
     justify-content: center
 }
 
-#flip-wrapper {
-    -webkit-perspective: 1000;
-    perspective: 1000
-}
-
-#flip-content {
-    width: 100%;
-    height: 100%;
-    -webkit-transform-style: preserve-3d;
-    transform-style: preserve-3d;
-    transition: cubic-bezier(0, 0, 0, 1.29) .3s
-}
-
-#flip-wrapper:hover #flip-content {
-    -webkit-transform: rotateY(180deg);
-    transform: rotateY(180deg)
-}
-
-.face {
-    position: absolute;
-    width: 100%;
-    height: 100%;
-    -webkit-backface-visibility: hidden;
-    backface-visibility: hidden;
-}
-
-.back.face {
-    display: block;
-    -webkit-transform: rotateY(180deg);
-    transform: rotateY(180deg);
-    box-sizing: border-box;
-    border: var(--sco-card-border);
-}
-
 #card-vip-designweekly.card-widget {
     display: flex !important;
     padding: 0;
@@ -7634,7 +7560,7 @@ a.categoryButton i {
     opacity: .2;
     position: absolute;
     right: 0;
-    top: 7%;
+    top: 20%;
     transition: .3s;
     width: 100px;
     text-align: center;
@@ -9268,7 +9194,11 @@ div#author-info__sayhi:hover {
     font-size: 12px;
     color: var(--sco-white);
     opacity: .6;
-    line-height: 1
+    line-height: 1.5;
+    -webkit-line-clamp: 2;
+    display: -webkit-box;
+    overflow: hidden;
+    -webkit-box-orient: vertical
 }
 
 .avatar-img-group {
@@ -9279,7 +9209,8 @@ div#author-info__sayhi:hover {
     border-radius: 500px;
     position: absolute;
     transition: cubic-bezier(.69, .39, 0, 1.21) .3s;
-    transform-origin: bottom
+    transform-origin: bottom;
+    border: 5px solid var(--sco-card-bg)
 }
 
 #aside-content .card-info:hover .avatar-img-group {
@@ -9511,7 +9442,7 @@ div#author-info__sayhi:hover {
     display: flex;
     justify-content: flex-start;
     flex-direction: row;
-    flex-wrap: wrap;
+    flex-wrap: nowrap;
     cursor: pointer
 }
 
@@ -12776,7 +12707,7 @@ button.el-button.tk-cancel.el-button--default.el-button--small {
 }
 
 #page .tag-cloud-list a:hover {
-    background: var(--sco-blue) !important;
+    background: var(--sco-main) !important;
     box-shadow: var(--sco-shadow-blue);
     color: var(--sco-white) !important;
     border: var(--style-border-hover)
@@ -12826,8 +12757,8 @@ span.tags-punctuation {
 }
 
 span.tags-punctuation::before {
-    content: "\edfc";
-    font-family: remixicon, serif !important;
+    content: "\e071";
+    font-family: scoicon, serif !important;
     font-size: 14px;
     opacity: .4;
 }
@@ -13831,6 +13762,24 @@ div#sco-footer-bar .footer-bar-description {
     display: none
 }
 
+#bber .bber-video {
+    position: relative;
+    padding: 30% 50%;
+    margin: 0.5rem 0
+}
+
+#bber .bber-video video,
+#bber .bber-video iframe {
+    position: absolute;
+    width: 100%;
+    height: 100%;
+    left: 0;
+    top: 0;
+    margin: 0;
+    border-radius: 8px;
+    border: var(--style-border)
+}
+
 #bber-tips {
     font-size: 14px;
     display: flex;

package/source/css/search/algolia-search.css

@@ -93,7 +93,7 @@
 }
 
 .search-box input::placeholder {
-    color: var(--sco-theme);
+    color: var(--sco-gray);
 }
 
 #algolia-search #search-results{

package/source/css/search/local-search.css

@@ -95,7 +95,7 @@
     border: var(--style-border);
     border-radius: 8px;
     background: var(--sco-secondbg);
-    color: var(--search-input-color);
+    color: var(--sco-fontcolor);;
 }
 
 .search-dialog .search-box input:focus {

package/source/css/var.css

@@ -83,6 +83,9 @@
     --album-spacing-l: 24px;
     --album-spacing-xl: 32px;
     --album-spacing-xxl: 64px;
+
+    /* 个性定位 */
+    --icat-card-welcome: #49B1F5
 }
 
 ::selection {