hexo-theme-stellar 1.26.6 → 1.26.7

package/_config.yml

@@ -1,6 +1,6 @@
 ######## Stellar info ########
 stellar:
-  version: '1.26.6'
+  version: '1.26.7'
   homepage: 'https://xaoxuu.com/wiki/stellar/'
   repo: 'https://github.com/xaoxuu/hexo-theme-stellar'
   main_css: /css/main.css
@@ -280,6 +280,11 @@ footer:
 
 ######## Tag Plugins ########
 tag_plugins:
+  # {% link %}
+  linkcard:
+    # 设置 api 可以自动提取网页标题、图标，服务部署方法：https://github.com/xaoxuu/site-info-api/
+    # 接口测试通过后，把按钮的 href 部分替换成 ${href} 之后填写到下方，例如：https://api.vlts.cc/site_info/v1?url=${href}
+    api: 
   # {% box %} / {% note %}
   note:
     default_color: '' # light, dark, red, orange, yellow, green, cyan, blue, purple, warning, error

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "hexo-theme-stellar",
-  "version": "1.26.6",
+  "version": "1.26.7",
   "description": "Elegant and powerful theme for Hexo.",
   "main": "package.json",
   "scripts": {

package/scripts/tags/lib/link.js

@@ -10,6 +10,14 @@
 module.exports = ctx => function(args) {
   const full_url_for = require('hexo-util').full_url_for.bind(ctx)
   args = ctx.args.map(args, ['icon', 'desc'], ['url', 'title'])
+  if (args.url == null) {
+    return '';
+  }
+  const url = full_url_for(args.url)
+  args.api = ctx.theme.config.tag_plugins.linkcard.api
+  if (args.api) {
+    args.api = args.api.replace('${href}', url)
+  }
   var autofill = []
   if (!args.title) {
     autofill.push('title')
@@ -27,6 +35,9 @@ module.exports = ctx => function(args) {
     el += ' target="_blank" rel="external nofollow noopener noreferrer"'
   }
   el += ' cardlink'
+  if (args.api) {
+    el += ` api="${args.api}"`
+  }
   el += ' autofill="'
   el += autofill.join(',')
   el += '"'

package/source/css/_defines/func.styl

@@ -104,7 +104,12 @@ floatable-float()
   box-shadow: 0 12px 20px -4px rgba(0, 0, 0, 0.15)
   transform: translate3d(0, -2px, 0)
 
-hover-float()
-  floatable-trans()
-  &:hover
-    floatable-float()
+hoverable-card()
+  trans1 all
+  @media (prefers-color-scheme: dark)
+    &:hover
+      box-shadow: 0 0 4px -2px $color-theme, 0 0 24px -8px $color-theme
+  @media (prefers-color-scheme: light)
+    box-shadow: $boxshadow-card
+    &:hover
+      floatable-float()

package/source/css/_defines/theme.styl

@@ -46,6 +46,7 @@ set_text_light()
   --block-hover: hsl($color-block-h, $color-block-s, 92)
   set_text_dark()
   --theme-link: $color-link
+  --theme-link-opa: rgba($color-link, 0.2)
 
 set_darkmode()
   :root

package/source/css/_layout/layout.styl

@@ -1,9 +1,9 @@
 .l_body
-  display: flex
+  display: grid
   margin: auto
   padding: 0 var(--gap-l)
-  justify-content: center
   font-size: var(--fsp)
+  grid-template-columns: 1fr minmax(200px, 688px) 1fr
 
 .l_body .l_left
   z-index: 8

package/source/css/_layout/list.styl

@@ -25,13 +25,7 @@
   margin: 1rem 0
   border-radius: $border-card
   background: var(--card)
-  @media (prefers-color-scheme: dark)
-    &:hover
-      box-shadow: 0 0 4px -2px $color-theme, 0 0 24px -8px $color-theme
-  @media (prefers-color-scheme: light)
-    box-shadow: $boxshadow-card
-    hover-float()
-  trans1 all
+  hoverable-card()
   overflow: hidden
   z-index: 0
   

package/source/css/_layout/md.styl

@@ -108,16 +108,19 @@
   margin: auto
   display: block
 
-.md-text 
-  p:not([class]), li:not([class])
-    a:not([class])
-      padding: 0 2px
-      margin: 0 -2px
-      border-radius: 2px
-      trans1 all
-      text-decoration: underline
-      &:hover
-        color: $color-hover
-      &:has(img)
-        text-decoration: none
-        padding: 0
+.md-text li:not([class]) a:not([class]), .md-text p:not([class]) a:not([class])
+  position: relative
+  text-decoration: none
+  trans1 all
+  padding: 0 2px
+  border-radius: 0
+  background: linear-gradient(0deg,var(--theme-link),var(--theme-link)) no-repeat left 100%/100% 1px
+  &:hover
+    color: var(--theme-link)
+    border-radius: 4px
+    background: linear-gradient(0deg,var(--theme-link-opa),var(--theme-link-opa)) no-repeat left 100%/100% 100%
+  &:has(img)
+    background: none
+    padding: 0
+    &:hover
+      background: none

package/source/css/_layout/partial/related.styl

@@ -94,12 +94,8 @@ article.md-text.content+.related-wrap
       margin: 0
       font-size: inherit
       a
-        color: inherit
-        text-decoration: underline
-        &:hover
-          color: $color-hover
-        &:before
-          display: none
+        --theme-link: $color-theme
+        --theme-link-opa: rgba($color-theme, 0.2)
   .cmt-body
     min-height: 150px
     position: relative

package/source/css/_layout/tag-plugins/grid.styl

@@ -21,5 +21,4 @@
     background: var(--block)
   &[bg='card']>.cell
     background: var(--card)
-    box-shadow: $boxshadow-card
-    hover-float()
+    hoverable-card()

package/source/css/_layout/tag-plugins/link.styl

@@ -11,9 +11,8 @@
   cursor: pointer
   width: 300px
   max-width: 100%
-  box-shadow: $boxshadow-card
   border-radius: $border-card
-  hover-float()
+  hoverable-card()
 
 .md-text .link-card.plain
   flex-direction: row

package/source/js/plugins/linkcard.js

@@ -30,11 +30,11 @@ function setCardLink(nodes) {
   nodes = 'forEach' in (nodes || {}) ? nodes : document.querySelectorAll('a[cardlink]')
   nodes.forEach((el) => {
     // If it is not a tag element then it is not processed
-    if (el.nodeType !== 1) return
+    if (el.nodeType !== 1) return;
     el.removeAttribute('cardlink');
-    const link = el.href;
-    const api = 'https://api.vlts.cc/site_info/v1?url=';
-    fetch(api + link).then(function(response) {
+    const api = el.getAttribute('api');
+    if (api == null) return;
+    fetch(api).then(function(response) {
       if (response.ok) {
         return response.json();
       }