hexo-theme-stellar 1.18.4 → 1.19.0

package/_config.yml

@@ -1,6 +1,6 @@
 ######## Stellar info ########
 stellar:
-  version: '1.18.4'
+  version: '1.19.0'
   homepage: 'https://xaoxuu.com/wiki/stellar/'
   repo: 'https://github.com/xaoxuu/hexo-theme-stellar'
   cdn_css: # Use cdn links instead of /css/main.css
@@ -72,14 +72,13 @@ article:
     enable: false
     max_count: 5
 
-
 search:
   service: local_search # local_search, todo...
   local_search: # 在 front-matter 中设置 indexing:false 来避免被搜索索引
     field: all # post, page, all
     path: /search.json # 搜索文件存放位置
     content: true # 是否搜索内容
-  
+
 
 ######## Comments ########
 comments:
@@ -127,7 +126,7 @@ comments:
   twikoo:
     js: https://gcore.jsdelivr.net/npm/twikoo@1.6.8/dist/twikoo.all.min.js # 建议锁定版本
     envId: https://xxx # vercel函数
-  
+
   # Waline
   # https://waline.js.org/
   waline:
@@ -148,12 +147,32 @@ comments:
     #   - https://unpkg.com/@waline/emojis@1.1.0/tieba
     #   - https://unpkg.com/@waline/emojis@1.1.0/tw-emoji
     #   - https://unpkg.com/@waline/emojis@1.1.0/bmoji
-  
+    # 设置自己的图床服务，替换默认的 Base 64 编码嵌入（有体积大小限制），在评论中上传图片更加方便
+    # imageUploader:
+      # 适配了兰空图床V1、V2版本
+      # 以兰空图床V1为例，下列填写内容为：
+      # fileName: file
+      # tokenName: Authorization
+      # api: https://xxxxxx/api/v1/upload
+      # token: Bearer xxxxxxxxxxxxxx
+      # resp: data.links.url
+      # 以兰空图床V2为例，下列填写内容为：
+      # fileName: image
+      # tokenName: token
+      # api: https://xxxxxx/api/upload
+      # token: xxxxxxxxxxxxxx
+      # resp: data.url
+    #   fileName: # 根据版本二选一
+    #   tokenName: # 根据版本二选一
+    #   api: # 图床 api 地址
+    #   token: # 图床验证
+    #   resp: # 图片地址返回值的字段
+
   # Artalk
   # https://artalk.js.org/
   artalk:
     css: https://unpkg.com/artalk@2.4.3/dist/Artalk.css
-    js: https://unpkg.com/artalk@2.4.3/dist/Artalk.js 
+    js: https://unpkg.com/artalk@2.4.3/dist/Artalk.js
     server: # 后端服务地址
     placeholder: ''
     darkMode: auto
@@ -220,7 +239,9 @@ tag_plugins:
     blobcat: https://gcore.jsdelivr.net/gh/norevi/waline-blobcatemojis@1.0/blobs/${name}.png
   # {% image %}
   image:
-    fancybox: # true, false
+    fancybox: false # true, false
+    parse_markdown: true # 把 markdown 格式的图片解析成图片标签
+
   # {% timeline %}
   timeline:
     max-height: 80vh
@@ -249,7 +270,7 @@ plugins:
     weibo: /js/plugins/weibo.js
 
   marked: https://cdn.bootcdn.net/ajax/libs/marked/4.0.18/marked.min.js
-  
+
   ## optional plugins ##
   # preload
   preload:
@@ -312,9 +333,40 @@ plugins:
   # 使用 hexo-renderer-markdown-it-plus 作为公式渲染器：npm uninstall hexo-renderer-marked --save npm install hexo-renderer-markdown-it-plus --save
   katex:
     enable: false
-    min_css: <link rel="stylesheet" href="https://gcore.jsdelivr.net/npm/katex@0.16.4/dist/katex.min.css" integrity="sha384-Xi8rHCmBmhbuyyhbI88391ZKP2dmfnOl4rT9ZfRI7mLTdk1wblIUnrIq35nqwEvC" crossorigin="anonymous">
-    min_js: <script defer src="https://gcore.jsdelivr.net/npm/katex@0.16.4/dist/katex.min.js" integrity="sha384-X/XCfMm41VSsqRNQgDerQczD69XqmjOOOwYQvr/uuC+j4OPoNhVgjdGFwhvN02Ja" crossorigin="anonymous"></script>
-    auto_render_min_js: <script defer src="https://gcore.jsdelivr.net/npm/katex@0.16.4/dist/contrib/auto-render.min.js" integrity="sha384-+XBljXPPiv+OzfbB3cVmLHf4hdUFHlWNZN5spNQ7rmHTXpd7WvJum6fIACpNNfIR" crossorigin="anonymous"onload="renderMathInElement(document.body);"></script>
+    min_css: <link rel="stylesheet" href="https://gcore.jsdelivr.net/npm/katex@0.16.4/dist/katex.min.css" integrity="sha384-vKruj+a13U8yHIkAyGgK1J3ArTLzrFGBbBc0tDp4ad/EyewESeXE/Iv67Aj8gKZ0" crossorigin="anonymous">
+    min_js: <script defer src="https://gcore.jsdelivr.net/npm/katex@0.16.4/dist/katex.min.js" integrity="sha384-PwRUT/YqbnEjkZO0zZxNqcxACrXe+j766U2amXcgMg5457rve2Y7I6ZJSm2A0mS4" crossorigin="anonymous"></script>
+    auto_render_min_js: <script defer src="https://gcore.jsdelivr.net/npm/katex@0.16.4/dist/contrib/auto-render.min.js" integrity="sha384-+VBxd3r6XgURycqtZ117nYw44OOcIax56Z4dCRWbxyPt0Koah1uHoK0o4+/RRE05" crossorigin="anonymous"onload="renderMathInElement(document.body);"></script>
+
+  # Mermaid - markdwon to flow chart, seq chart, class chart ...
+  # 需要安装 npm install --save hexo-filter-mermaid-diagrams
+  # 使用时 需要在Markdown文件开头加入 mermaid: true
+  # 使用示例：
+  # ```mermaid
+  # graph LR
+  #   A(Section A) -->|option 1| B(Section A)
+  #   B -->|option 2| C(Section C)
+  # ```
+  mermaid:
+    enable: false
+    # js: https://unpkg.com/mermaid@9.0.0/dist/mermaid.min.js
+    js: https://cdn.jsdelivr.net/npm/mermaid@v9/dist/mermaid.min.js
+    # Available themes: default | dark | forest | neutral
+    # 推荐使用 dark 主题 在夜间模式下显示效果更好
+    theme: dark
+
+  # 代码块复制按钮
+  copycode:
+    enable: true
+    js: /js/plugins/copycode.js
+    default_text: 'Copy'
+    success_text: 'Copied'
+  
+  # AI 摘要
+  # https://github.com/zhheo/Post-Abstract-AI
+  tianli_gpt:
+    enable: false
+    field: post # all, post, wiki
+    api: 5Q5mpqRK5DkwT1X9Gi5e
 
 style:
   darkmode: auto # auto / always / false
@@ -357,7 +409,7 @@ style:
     loading: 正在加载
     error: 加载失败，请稍后重试。
   gradient: # https://webgradients.com/
-    start: 'linear-gradient(to right, #92fe9d 0%, #00c9ff 50%, #92fe9d 100%)'
+    start: 'linear-gradient(to right, hsl(215, 95%, 64%), hsl(195, 95%, 60%), hsl(165, 95%, 56%), hsl(165, 95%, 56%), hsl(195 95% 60%), hsl(215, 95%, 64%))'
     search: 'linear-gradient(to right, #04F3FF, #08FFC6, #DDF730, #FFBD19, #FF1FE0, #C418FF, #04F3FF)'
 
 default:
@@ -369,4 +421,4 @@ default:
 api_host:
   ghapi: https://api.github.com
   ghraw: https://raw.githubusercontent.com
-  gist: https://gist.github.com
+  gist: https://gist.github.com

package/layout/_partial/head.ejs

@@ -37,6 +37,17 @@ function generate_description() {
   }
   return '<meta name="description" content="' + config.description + '">';
 }
+function generate_keywords() {
+  if (page.keywords && page.keywords.length > 0) {
+    return '<meta name="keywords" content="' + page.keywords + '">';
+  } else if (page.tags && page.tags.length > 0) {
+    return '<meta name="keywords" content="' + page.tags.map(tag => tag.name).join(',') + '">';
+  } else if (config.keywords && config.keywords.length > 0) {
+    return '<meta name="keywords" content="' + config.keywords + '">';
+  } else {
+    return '';
+  }
+}
 
 function generate_robots() {
   if (is_home() == true) {
@@ -82,6 +93,8 @@ function og_args() {
     <%- open_graph(og_args()) %>
   <% } %>
   <%- generate_description() %>
+  
+  <%- generate_keywords() %>
 
   <!-- feed -->
   <% if (config.feed && config.feed.path) { %>

package/layout/_partial/main/article/ai_abstract.ejs

@@ -0,0 +1,7 @@
+<% if (page.layout === 'post' || (page.layout === 'wiki' && page.wiki && page.wiki.length > 0)) { %>
+  <script>
+    let tianliGPT_postSelector = '.md-text.content.<%= page.layout === 'post' ? 'post' : 'wiki' %>';
+    let tianliGPT_key = '<%= theme.plugins.tianli_gpt.api %>';
+  </script>
+  <script defer src="https://cdn1.tianli0.top/gh/zhheo/Post-Abstract-AI@0.9/tianli_gpt.js"></script>
+<% } %>

package/layout/_partial/main/article/article_footer.ejs

@@ -99,7 +99,7 @@ function layoutDiv() {
       el += '</div>';
       if (theme.article.share.includes('wechat')) {
         el += '<div class="qrcode" id="qrcode-wechat" style="visibility:hidden;height:0">';
-        el += '<img src="https://api.qrserver.com/v1/create-qr-code/?size=256x256&data=' + url + '"/>';
+        el += '<img src="https://api.qrserver.com/v1/create-qr-code/?size=256x256&data=' + page.permalink + '"/>';
         el += '</div>';
       }
       el += '</div>';

package/layout/_partial/main/post_list/paginator.ejs

@@ -1,4 +1,4 @@
-<% if (is_home() && page.total > 1) { %>
+<% if ((is_home() || is_category() || is_tag()) && page.total > 1) { %>
   <div class='paginator-wrap dis-select'>
   <%- paginator({
     prev_text: '',

package/layout/_partial/plugins/comments/waline/script.ejs

@@ -11,6 +11,23 @@
       Waline.init(Object.assign(<%- JSON.stringify(theme.comments.waline) %>, {
         el: '#waline_container',
         path: path,
+        <% if(!!theme.comments.waline.imageUploader?.api){ %>
+          imageUploader: function(file) {
+            let headers = new Headers();
+            headers.set('Accept', 'application/json');
+            <% if(!!theme.comments.waline.imageUploader?.token) { %>
+              headers.set('<%= theme.comments.waline.imageUploader?.tokenName %>', '<%= theme.comments.waline.imageUploader?.token %>')
+            <% } %>
+            let formData = new FormData();
+            formData.append('<%= theme.comments.waline.imageUploader?.fileName %>', file);
+            return fetch('<%= theme.comments.waline.imageUploader?.api %>',{
+              method: 'POST',
+              body: formData,
+              headers: headers
+              }).then((resp) => resp.json())
+                .then((resp) => resp.<%= theme.comments.waline.imageUploader?.resp %>)
+          },
+        <% } %>
       }));
     });
   }

package/layout/_partial/scripts/index.ejs

@@ -62,6 +62,9 @@
     // 从 butterfly 和 volantis 获得灵感
     loadScript: (src, opt) => new Promise((resolve, reject) => {
       var script = document.createElement('script');
+      if (src.startsWith('/')){
+        src = stellar.config.root + src.substring(1);
+      }
       script.src = src;
       if (opt) {
         for (let key of Object.keys(opt)) {
@@ -100,6 +103,7 @@
       day: '<%- __('meta.date_suffix.day') %>',
       month: '<%- __('meta.date_suffix.month') %>',
     },
+    root : '<%- config.root %>',
   };
 
   // required plugins (only load if needs)
@@ -139,6 +143,9 @@
   if ('<%- theme.plugins.heti.enable %>' == 'true') {
     stellar.plugins.heti = Object.assign(<%- JSON.stringify(theme.plugins.heti) %>);
   }
+  if ('<%- theme.plugins.copycode.enable %>' == 'true') {
+    stellar.plugins.copycode = Object.assign(<%- JSON.stringify(theme.plugins.copycode) %>);
+  }
 </script>
 
 <!-- required -->

package/layout/mermaid.ejs

@@ -0,0 +1,28 @@
+<% if (theme.plugins.mermaid.enable) { %>
+  <script type="text/javascript" src="<%- theme.plugins.mermaid.js %>"></script>
+
+  <script>
+    var mermaid_config = {
+      startOnLoad: true,
+      theme: '<%- theme.plugins.mermaid.theme %>',
+      logLevel: 3,
+      themeVariables: {
+        darkMode: true
+      },
+      flowchart: {
+        useMaxWidth: false,
+        htmlLabels: true,
+        curve: 'linear'
+      },
+      gantt: {
+        axisFormat: '%m/%d/%Y'
+      },
+      sequence: {
+        actorMargin: 50
+      }
+    }
+    if (window.mermaid) {
+        mermaid.initialize(mermaid_config);
+    }
+  </script>
+<% } %>

package/layout/post.ejs

@@ -22,10 +22,16 @@ if (theme.plugins.heti && theme.plugins.heti.enable) {
 <% if (page.mathjax == true){ %>
     <%- partial('mathjax') %>
 <% } %>
+<% if (page.mermaid == true){ %>
+  <%- partial('mermaid') %>
+<% } %>
 <%- partial('_partial/main/navbar/breadcrumb') %>
 <article class='md-text content<%- heti %> <%- post.layout %><%- post.indent ? ' indent' : '' %><%- scrollreveal() %>'>
 <%- layoutTitle() %>
 <%- post.content %>
+<% if (theme.plugins.tianli_gpt.enable && ['all', 'post'].includes(theme.plugins.tianli_gpt.field)) { %>
+  <%- partial('_partial/main/article/ai_abstract') %>
+<% } %>
 <%- partial('_partial/main/article/article_footer') %>
 </article>
 <%- partial('_partial/main/article/read_next') %>

package/layout/wiki.ejs

@@ -33,6 +33,9 @@ function layoutTitle() {
   <article class='md-text content <%- page.layout %><%- page.indent ? ' indent' : '' %><%- scrollreveal() %>'>
   <%- layoutTitle() %>
   <%- page.content %>
+  <% if (theme.plugins.tianli_gpt.enable && ['all', 'wiki'].includes(theme.plugins.tianli_gpt.field)) { %>
+	<%- partial('_partial/main/article/ai_abstract') %>
+  <% } %>
   <%- partial('_partial/main/article/article_footer') %>
   </article>
   <%- partial('_partial/main/article/read_next') %>

package/package.json

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

package/scripts/filters/index.js

@@ -2,3 +2,13 @@
 
 hexo.extend.filter.register('after_render:html', require('./lib/img_lazyload').processSite);
 hexo.extend.filter.register('after_render:html', require('./lib/img_onerror').processSite);
+
+function change_image(data) {
+    if (this.theme.config.tag_plugins.image.parse_markdown) {
+      data.content = data.content.replace(/!\[([^\]]*)]\(([^(]+)\)/g, '{% image $2 $1 %}');
+    }
+    return data;
+}
+
+
+hexo.extend.filter.register('before_post_render', change_image, 9);

package/scripts/tags/lib/copy.js

@@ -40,7 +40,7 @@ module.exports = ctx => function(args) {
   el += '>'
   el += '<input class="copy-area" readonly id="' + copy_id + '"'
   el += ' value="' + text + '">'
-  el += '<button class="copy-btn" onclick="util.copy(&quot' + copy_id + '&quot,&quotCopied!&quot)">'
+  el += '<button class="copy-btn" onclick="util.copy(&quot;' + copy_id + '&quot;,&quot;Copied!&quot;)">'
   el += '<svg class="icon copy-btn" viewBox="0 0 16 16" version="1.1" width="16" height="16" aria-hidden="true"><path fill-rule="evenodd" d="M5.75 1a.75.75 0 00-.75.75v3c0 .414.336.75.75.75h4.5a.75.75 0 00.75-.75v-3a.75.75 0 00-.75-.75h-4.5zm.75 3V2.5h3V4h-3zm-2.874-.467a.75.75 0 00-.752-1.298A1.75 1.75 0 002 3.75v9.5c0 .966.784 1.75 1.75 1.75h8.5A1.75 1.75 0 0014 13.25v-9.5a1.75 1.75 0 00-.874-1.515.75.75 0 10-.752 1.298.25.25 0 01.126.217v9.5a.25.25 0 01-.25.25h-8.5a.25.25 0 01-.25-.25v-9.5a.25.25 0 01.126-.217z"></path></svg>'
   el += '</button>'
 

package/scripts/tags/lib/folding.js

@@ -4,7 +4,7 @@
  *
  * {% folding [color:yellow] [child:codeblock] [open:false] title %}
  * body
- * {% endtable %}
+ * {% endfolding %}
  */
 
 'use strict'

package/scripts/tags/lib/image.js

@@ -71,7 +71,7 @@ module.exports = ctx => function(args) {
     if (args.download == 'true') {
       href = args.src
     }
-    el += '<a class="image-download blur" style="opacity:0" href="' + href + '"><svg class="icon" style="width: 1em; height: 1em;vertical-align: middle;fill: currentColor;overflow: hidden;" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="3734"><path d="M561.00682908 685.55838913a111.03077546 111.03077546 0 0 1-106.8895062 0L256.23182837 487.72885783a55.96309219 55.96309219 0 0 1 79.13181253-79.18777574L450.70357448 523.88101491V181.55477937a55.96309219 55.96309219 0 0 1 111.92618438 0v344.06109173l117.07478902-117.07478901a55.96309219 55.96309219 0 0 1 79.13181252 79.18777574zM282.81429711 797.1487951h447.70473912a55.96309219 55.96309219 0 0 1 0 111.92618438H282.81429711a55.96309219 55.96309219 0 0 1 0-111.92618438z" p-id="3735"></path></svg></a>'
+    el += '<a class="image-download blur" style="opacity:0" target="_blank" download="' + args.alt + 'href="' + href + '"><svg class="icon" style="width: 1em; height: 1em;vertical-align: middle;fill: currentColor;overflow: hidden;" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="3734"><path d="M561.00682908 685.55838913a111.03077546 111.03077546 0 0 1-106.8895062 0L256.23182837 487.72885783a55.96309219 55.96309219 0 0 1 79.13181253-79.18777574L450.70357448 523.88101491V181.55477937a55.96309219 55.96309219 0 0 1 111.92618438 0v344.06109173l117.07478902-117.07478901a55.96309219 55.96309219 0 0 1 79.13181252 79.18777574zM282.81429711 797.1487951h447.70473912a55.96309219 55.96309219 0 0 1 0 111.92618438H282.81429711a55.96309219 55.96309219 0 0 1 0-111.92618438z" p-id="3735"></path></svg></a>'
   }
   el += '</div>'
 

package/scripts/tags/lib/sites.js

@@ -32,7 +32,7 @@ module.exports = ctx => function(args) {
       if (item.url && item.title) {
         var cell = '<div class="site-card">'
         cell += '<a class="card-link" target="_blank" rel="external nofollow noopener noreferrer" href="' + item.url + '">'
-        cell += '<img src="' + (item.screenshot || ('https://screenshot-api.xaoxuu.com/api?url=' + item.url + '&width=1280&height=720')) + '" onerror="javascript:this.removeAttribute(&quot;data-src&quot;);this.src=&quot;' + ctx.theme.config.default.cover + '&quot;;"/>'
+        cell += '<img src="' + (item.screenshot || ('https://api.vlts.cc/screenshot?url=' + item.url + '&width=1280&height=720')) + '" onerror="javascript:this.removeAttribute(&quot;data-src&quot;);this.src=&quot;' + ctx.theme.config.default.cover + '&quot;;"/>'
         cell += '<div class="info">'
         cell += '<img src="' + (item.avatar || ctx.theme.config.default.link) + '" onerror="javascript:this.removeAttribute(&quot;data-src&quot;);this.src=&quot;' + ctx.theme.config.default.link + '&quot;;"/>'
         cell += '<span class="title">' + item.title + '</span>'

package/source/css/_common/button.styl

@@ -32,6 +32,7 @@ a.button.start.gradient
   background: convert(hexo-config('style.gradient.start'))
   background-size: 1000%
   color: white
+  text-shadow: 0 0 1px rgba(0,0,0,0.12)
   animation: glow 60s linear infinite
   @keyframes glow {
     from {

package/source/css/_layout/md.styl

@@ -153,3 +153,8 @@ h1.article-title
           bottom: 0
           left: -2px
           right: -2px
+.md-text li:not([class]) a:not([class]):before, .md-text p:not([class]) a:not([class]):before
+    background unset !important
+
+.md-text li:not([class]) a:not([class]):hover:before, .md-text p:not([class]) a:not([class]):hover:before
+    background var(--theme-link) !important

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

@@ -0,0 +1,155 @@
+:root
+  --heo-none: #00000000
+  --heo-theme = var(--theme-link)
+  --heo-main: var(--theme-link)
+  --heo-snackbar-time: 5s
+  --heo-theme-none: #4259ef01
+  --heo-background: var(--site-bg)
+  --heo-hovertext: var(--text-code)
+  --heo-secondtext: var(--text-p0)
+  --heo-scrollbar: rgba(60, 60, 67, 0.4)
+  --heo-secondbg: var(--block)
+  --heo-card-bg: var(--block)
+  --heo-card-bg-none: rgba(255, 255, 255, 0)
+  --heo-card-border: var(--block-border)
+  --heo-shadow-border: 0 8px 16px -4px #2c2d300c
+  --style-border: 1px solid var(--heo-card-border)
+  --style-border-always: 1px solid var(--heo-card-border)
+
+.post-TianliGPT
+  background: var(--block)
+  border-radius: 12px
+  padding: 12px
+  line-height: 1.3
+  border: var(--style-border-always)
+  margin: 16px 0
+
+  @media screen and (max-width: 768px)
+    .post-TianliGPT
+      margin-top: 22px
+
+.tianliGPT-title
+  display: flex
+  color: var(--theme-link)
+  border-radius: 8px
+  align-items: center
+  padding: 0 12px
+  cursor: default
+  user-select: none
+
+.tianliGPT-title-text
+  font-weight: bold
+  margin-left: 8px
+  line-height: 1
+  
+.tianliGPT-explanation
+  margin-top: 12px
+  padding: 8px 12px
+  background: var(--card)
+  border-radius: 8px
+  border: var(--style-border-always)
+  font-size: 15px
+  line-height: 1.4
+  display: flex
+
+.tianliGPT-suggestions
+  display: flex
+  flex-wrap: wrap
+
+.tianliGPT-suggestions .tianliGPT-suggestions-item
+  margin-top: 12px
+  padding: 8px 12px
+  background: var(--card)
+  border-radius: 8px 8px 8px 0
+  border: var(--style-border-always)
+  font-size: 15px
+  line-height: 1.4
+  display: flex
+  width: fit-content
+  margin-right: 12px
+  cursor: pointer
+  transition: 0.3s
+  
+.tianliGPT-suggestions .tianliGPT-suggestions-item:hover
+  background: var(--heo-main)
+  color: var(--text-p0)
+
+.blinking-cursor
+  background-color: var(--heo-main)
+  width: 10px
+  height: 16px
+  display: inline-block
+  vertical-align: middle
+  animation: blinking-cursor 0.5s infinite
+  -webkit-animation: blinking-cursor 0.5s infinite
+  margin-left: 4px
+
+@keyframes blinking-cursor
+  0%
+    opacity: 1
+
+  40%
+    opacity: 1
+
+  50%
+    opacity: 0
+
+  90%
+    opacity: 0
+
+  100%
+    opacity: 1
+    
+.tianliGPT-tag
+  font-size: 12px
+  background-color: var(--theme-link)
+  color: var(--card)
+  font-weight: bold
+  border-radius: 4px
+  margin-left: auto
+  line-height: 1
+  padding: 4px
+  display: flex
+  align-items: center
+  justify-content: center
+  cursor: pointer
+  transition: 0.3s
+
+.tianliGPT-tag:hover
+  background: var(--text-p2)
+  color: var(--card)
+
+ins.adsbygoogle
+  margin: 16px 0
+  background: var(--card)
+  border-radius: 12px
+  overflow: hidden
+  border: var(--style-border-always)
+
+#tianliGPT-Toggle
+  font-size: 12px
+  background: var(--theme-link)
+  color: var(--card)
+  padding: 4px
+  border-radius: 4px
+  margin-left: 6px
+  transform: scale(0.8)
+  cursor: pointer
+  transition: 0.3s
+  font-weight: bold
+
+#tianliGPT-Toggle:hover
+  background: var(--block-hover)
+  color: var(--card)
+
+.tianliGPT-title-icon
+  width: 20px
+  height: 20px
+
+.tianliGPT-title-icon svg
+  width: 20px
+  height: 20px
+  fill: var(--heo-main)
+
+.tianliGPT-title-icon svg path
+  fill: var(--heo-main)

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

@@ -1,10 +1,7 @@
 .md-text .tag-plugin.link
-  max-width: 100%
   margin: 1em auto
   display: flex
   justify-content: center
-  @media screen and (max-width: $device-mobile-375)
-    width: 100%
 
 .md-text .link-card
   background: var(--card)
@@ -12,11 +9,8 @@
   justify-content: space-between
   align-items: center
   cursor: pointer
-  // min-width 280px
-  // max-width: 100%
   width: 320px
-  @media screen and (max-width: $device-mobile-375)
-    width: 100%
+  max-width: 100%
   box-shadow: $boxshadow-card
   border-radius: $border-bar
   trans2: box-shadow transform

package/source/css/_plugins/copycode.styl

@@ -0,0 +1,27 @@
+.highlight
+  position: relative
+
+.highlight .code .copy-btn
+  position: absolute
+  top: 0
+  right: 0
+  padding: 4px 0.5rem
+  opacity: 0
+  font-weight: 700
+  color: var(--theme)
+  cursor: pointer
+
+.highlight:hover .copy-btn 
+  opacity 0.25
+
+.highlight .code .copy-btn:hover
+  color: var(--theme)
+  opacity: 0.75
+
+.highlight .code .copy-btn.success
+  color: $c-green
+  opacity: 0.75
+
+.highlight .code .copy-btn.warning
+  color: $c-orange
+  opacity: 0.75

package/source/css/_plugins/index.styl

@@ -9,6 +9,10 @@ if hexo-config('plugins.scrollreveal.enable')
   @import 'scrollreveal'
 if hexo-config('plugins.fancybox.enable')
   @import 'fancybox'
+if hexo-config('plugins.mermaid.enable')
+  @import 'mermaid'
+if hexo-config('plugins.copycode.enable')
+  @import 'copycode'
 
 
 // 评论

package/source/css/_plugins/mermaid.styl

@@ -0,0 +1,10 @@
+pre.mermaid {
+  display: inline-block;
+  width: 100%;
+  text-align: center;
+}
+
+.mermaid svg {
+  width: 100%;
+  display: inline-block;
+}

package/source/js/main.js

@@ -334,9 +334,10 @@ if (stellar.search.service) {
         var $resultArea = document.querySelector("div#search-result");
         $inputArea.focus(function() {
           var path = stellar.search[stellar.search.service]?.path || '/search.json';
-          if (!path.startsWith('/')) {
-            path = '/' + path;
+          if (path.startsWith('/')) {
+            path = path.substring(1);
           }
+          path = stellar.config.root + path;
           const filter = $inputArea.attr('data-filter') || '';
           searchFunc(path, filter, 'search-input', 'search-result');
         });
@@ -384,3 +385,7 @@ if (stellar.plugins.heti) {
     stellar.plugins.heti.enable = false;
   });
 }
+
+if (stellar.plugins.copycode) {
+  stellar.loadScript(stellar.plugins.copycode.js, { defer: true })
+}

package/source/js/plugins/copycode.js

@@ -0,0 +1,51 @@
+const codeElementArr = document.querySelectorAll('.code')
+codeElementArr.forEach(code => {
+  const codeBeforeWidth = window.getComputedStyle(code, '::before').width.split('px')[0]
+  const codeBeforePadding = window.getComputedStyle(code, '::before').padding.split(' ').pop().split('px')[0]
+
+  // copy btn 
+  const codeCopyBtn = document.createElement('div')
+  codeCopyBtn.classList.add('copy-btn')
+  codeCopyBtn.style.right = Number(codeBeforeWidth) + Number(codeBeforePadding) * 2 + 'px'
+  codeCopyBtn.innerText = stellar.plugins.copycode.default_text
+
+  code.appendChild(codeCopyBtn)
+
+  codeCopyBtn.addEventListener('click', async () => {
+    const currentCodeElement = code.children[0]?.innerText
+    await copyCode(currentCodeElement)
+
+    codeCopyBtn.innerText = stellar.plugins.copycode.success_text
+    codeCopyBtn.classList.add('success')
+
+    setTimeout(() => {
+      codeCopyBtn.innerText = stellar.plugins.copycode.default_text
+      codeCopyBtn.classList.remove('success')
+    },3000)
+  })
+})
+
+async function copyCode(currentCode) {
+  // console.log(currentCode)
+  // console.log('复制代码')
+  if (navigator.clipboard) {
+    try {
+      await navigator.clipboard.writeText(currentCode)
+      } catch (error) {
+      // 未获得用户许可
+      codeCopyBtn.innerText = '未获得用户许可'
+      codeCopyBtn.classList.add('warning')
+      setTimeout(() => {
+        codeCopyBtn.innerText = stellar.plugins.copycode.default_text
+        codeCopyBtn.classList.remove('warning')
+      },3000)
+    }
+  } else {
+    codeCopyBtn.innerText = '当前浏览器不支持此api'
+    codeCopyBtn.classList.add('warning')
+    setTimeout(() => {
+      codeCopyBtn.innerText = stellar.plugins.copycode.default_text
+      codeCopyBtn.classList.remove('warning')
+    },3000)
+  }
+}

package/source/js/plugins/sites.js

@@ -51,7 +51,7 @@ const sitesjs = {
       arr.forEach((item, i) => {
         var cell = '<div class="site-card">';
         cell += '<a class="card-link" target="_blank" rel="external nofollow noopener noreferrer" href="' + item.url + '">';
-        cell += '<img src="' + (item.screenshot || ('https://screenshot-api.xaoxuu.com/api?url=' + item.url + '&width=1280&height=720')) + '" onerror="javascript:this.src=\'' + cfg.screenshot + '\';"/>';
+        cell += '<img src="' + (item.screenshot || ('https://api.vlts.cc/screenshot?url=' + item.url + '&width=1280&height=720')) + '" onerror="javascript:this.src=\'' + cfg.screenshot + '\';"/>';
         cell += '<div class="info">';
         cell += '<img src="' + (item.avatar || cfg.avatar) + '" onerror="javascript:this.src=\'' + cfg.avatar + '\';"/>';
         cell += '<span class="title">' + item.title + '</span>';