hexo-theme-solitude 1.1.3 → 1.2.1

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

@@ -0,0 +1,74 @@
+div#rightMenu
+    div.rightMenu-group.rightMenu-small
+        div.rightMenu-item#menu-backward
+            i.scoicon.sco-arrow-left-line
+        div.rightMenu-item#menu-forward
+            i.scoicon.sco-arrow-right-line
+        div.rightMenu-item#menu-refresh
+            i.scoicon.sco-restart-line(style="font-size: 19px;")
+        div.rightMenu-item#menu-top
+            i.scoicon.sco-arrow-up-line
+    div.rightMenu-group.rightMenu-line.rightMenuPlugin
+        div.rightMenu-item#menu-copytext
+            i.scoicon.sco-copy-fill
+            span 复制选中文本
+        div.rightMenu-item#menu-pastetext
+            i.scoicon.sco-clipboard-fill
+            span 粘贴文本
+        a.rightMenu-item#menu-commenttext(data-pjax-state="")
+            i.scoicon.sco-chat-new-fill
+            span 引用到评论
+        div.rightMenu-item#menu-newwindow
+            i.scoicon.sco-window-fill
+            span 新窗口打开
+        div.rightMenu-item#menu-copylink
+            i.scoicon.sco-link-line
+            span 复制链接地址
+        div.rightMenu-item#menu-copyimg
+            i.scoicon.sco-copy-fill
+            span 复制此图片
+        div.rightMenu-item#menu-downloadimg
+            i.scoicon.sco-download-cloud-fill
+            span 下载此图片
+        div.rightMenu-item#menu-search
+            i.scoicon.sco-search-line
+            span 站内搜索
+        div.rightMenu-item#menu-searchBaidu
+            i.scoicon.sco-baidu-fill
+            span 百度搜索
+        div.rightMenu-item#menu-music-toggle
+            i.scoicon.sco-play-fill
+            span 播放音乐
+        div.rightMenu-item#menu-music-back
+            i.scoicon.sco-skip-back-fill
+            span 切换到上一首
+        div.rightMenu-item#menu-music-forward
+            i.scoicon.sco-skip-forward-fill
+            span 切换到下一首
+        div.rightMenu-item#menu-music-playlist(onclick=`window.open('${theme.thirdparty.aplayer.server === 'tencent' ? `https://y.qq.com/n/ryqq/playlist/${theme.thirdparty.aplayer.id}` : `https://music.163.com/#/playlist?id=${theme.thirdparty.aplayer.id}`}', '_blank');`)
+            i.scoicon.sco-play-list-2-line
+            span 查看所有歌曲
+        div.rightMenu-item#menu-music-copyMusicName
+            i.scoicon.sco-copy-fill
+            span 复制歌名
+    div.rightMenu-group.rightMenu-line.rightMenuOther
+        a.rightMenu-item.menu-Link#menu-randomPost(data-pjax-state="")
+            i.scoicon.sco-signal-tower-fill
+            span 随便逛逛
+        a.rightMenu-item.menu-link(href="/categories/", data-pjax-state="")
+            i.scoicon.sco-checkbox-multiple-blank-fill
+            span 博客分类
+        a.rightMenu-item.menu-link(href="/tags/", data-pjax-state="")
+            i.scoicon.sco-price-tag-fill
+            span 文章标签
+    div.rightMenu-group.rightMenu-line.rightMenuOther
+        div.rightMenu-item#menu-copy
+            i.scoicon.sco-external-link-fill
+            span 复制地址
+        div.rightMenu-item#menu-commentBarrage
+            i.scoicon.sco-chat-fill
+            span.menu-commentBarrage-text 关闭热评
+        div.rightMenu-item#menu-darkmode
+            i.scoicon.sco-moon-clear-fill
+            span.menu-darkmode-text 浅色模式
+div#rightmenu-mask

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

@@ -0,0 +1,14 @@
+div#post-comment(view-image)
+    .comment-head
+        .comment-headline
+            i.scoicon.sco-chat-fill
+            span  评论
+    .comment-wrap
+        #comment
+        case theme.comment.type
+            when 'twikoo'
+                include ./twikoo.pug
+            when 'gitalk'
+                include ./gitalk.pug
+            when 'valine'
+                include ./valine.pug

package/layout/{partial/compoment/third-party/comments/twikoo.ejs → includes/widgets/third-party/comments/twikoo.pug}

@@ -1,19 +1,19 @@
-<script>
+script.
     async function initComment(){
         var initOptions = Object.assign(
-            <%- JSON.stringify(theme.comment.twikoo || {}) %>,
+            !{JSON.stringify(theme.comment.twikoo || {})},
             {
                 el: '#comment',
                 onCommentLoaded: function() {
-                    GLOBALCONFIG.lightbox && sco.lightbox('#article-container img, #twikoo .tk-content img:not(.tk-owo-emotion)')
+                    GLOBAL_CONFIG.lightbox && sco.lightbox('#article-container img, #twikoo .tk-content img:not(.tk-owo-emotion)')
                 },
-                lang: '<%= theme.comment.twikoo.lang %>',
+                lang: '#{theme.comment.twikoo.lang}',
             }
         )
         await twikoo.init(initOptions)
-        <% if(theme.post.meta.comment && is_post()){ %>
+        if (#{theme.post.meta.comment && is_post()}) {
             var countOptions = Object.assign(
-                <%- JSON.stringify(theme.comment.twikoo || {}) %>,
+                !{JSON.stringify(theme.comment.twikoo || {})},
                 {
                     urls: [window.location.pathname],
                     includeReply: false
@@ -25,6 +25,5 @@
             }catch (e) {
                 document.getElementById('twikoo-count').innerText = '加载错误'
             }
-        <% } %>
-    }
-</script>
+        }
+    }

package/layout/includes/widgets/third-party/music.pug

@@ -0,0 +1,3 @@
+div.needEndHide#nav-music(onclick="sco.musicToggle()")
+    div#nav-music-hoverTips= "音乐已暂停"
+    meting-js(id=theme.thirdparty.aplayer.id, server=theme.thirdparty.aplayer.server, type="playlist", mutex="true", preload="none", data-lrctype="0", order="random", theme="var(--sco-main)")

package/layout/includes/widgets/third-party/pjax.pug

@@ -0,0 +1,30 @@
+script.
+    let pjaxSelectors = [
+        'title',
+        '#body-wrap',
+        '#site-config',
+        'meta[name="description"]',
+        '#js-pjax'
+    ]
+
+    const pjax = new Pjax({
+        elements: 'a:not([target="_blank"])',
+        selectors: pjaxSelectors,
+        cacheBust: false,
+        analytics: false,
+        scrollRestoration: false
+    })
+
+    document.querySelectorAll('script[data-pjax]').forEach(item => {
+        const newScript = document.createElement('script')
+        const content = item.text || item.textContent || item.innerHTML || ""
+        Array.from(item.attributes).forEach(attr => newScript.setAttribute(attr.name, attr.value))
+        newScript.appendChild(document.createTextNode(content))
+        item.parentNode.replaceChild(newScript, item)
+    })
+
+    document.addEventListener('pjax:error', (e) => {
+        if (e.request.status === 404) {
+            pjax.loadUrl('/404.html')
+        }
+    })

package/layout/includes/widgets/third-party/search/algolia-search.pug

@@ -0,0 +1,16 @@
+div#algolia-search
+    div.search-dialog
+        div.search-dialog__title#algolia-search-title= "搜索"
+        div#algolia-input-panel
+            div#algolia-search-input
+        div#search-results
+            div#algolia-hits
+            div#algolia-pagination
+            div#algolia-stats
+            div.algolia-poweredBy
+        div#algolia-tips
+            i.scoicon.sco-algolia-fill
+            span.algolia-tips-text= "Algolia 提供搜索服务"
+        span.search-close-button
+            i.scoicon.sco-close-fill
+    div#search-mask

package/layout/includes/widgets/third-party/search/index.pug

@@ -0,0 +1,7 @@
+if theme.thirdparty.search.enable
+    if theme.thirdparty.search.type==="algolia"
+        include ./algolia-search.pug
+        script(src="/js/extend/search/algolia-search.js")
+    else if theme.thirdparty.search.type === "local"
+        include ./local-search.pug
+        script(src="/js/extend/search/local-search.js")

package/layout/includes/widgets/third-party/search/local-search.pug

@@ -0,0 +1,15 @@
+div#local-search
+    div.search-dialog
+        nav.search-nav
+            span.search-dialog-title 搜索
+            button.search-close-button
+                i.scoicon.sco-close-fill
+        div#loading-database
+            i.scoicon.sco-loading-line
+            span 加载中
+        div.search-wrap
+            div.search-box
+                input.search-box-input(type="text", id="search-input", autocomplete="off", spellcheck="false", autocorrect="off", autocapitalize="off", placeholder=__('search.placeholder'))
+            div#loading-status
+            div#search-results
+    div#search-mask

package/layout/index.pug

@@ -0,0 +1,20 @@
+extends includes/layout.pug
+
+block content
+    div#home_top
+        if(theme.says.home_mini)
+            include ./includes/widgets/home/bbTimeList.pug
+        if(theme.hometop.banner.enable)
+            include ./includes/widgets/home/hometop.pug
+    main(class="layout", id="content-inner")
+        div(class="recent-posts", id="recent-posts")
+            div#category-bar
+                include ./includes/widgets/home/categoryBar.pug
+
+            include ./includes/widgets/home/postList.pug
+
+            // pageination
+            include ./includes/mixins/pagination.pug
+
+        // aside
+        include ./includes/widgets/aside/aside.pug

package/layout/page.pug

@@ -0,0 +1,32 @@
+extends includes/layout.pug
+
+block content
+  main.layout(class=page.aside ? '' : 'hide-aside', id='content-inner')
+    div#page
+      case page.type
+        when 'categories'
+          include includes/page/categories
+        when 'tags'
+          include includes/page/tags
+        when 'links'
+          include includes/page/links
+        when 'tlink'
+          include includes/page/tlink
+        when 'about'
+          include includes/page/about
+        when 'says'
+          include includes/page/says
+        when 'equipment'
+          include includes/page/equipment
+        when 'moments'
+          include includes/page/moments
+        when 'echarts'
+          include includes/page/echarts
+        when 'rss'
+          include includes/page/rss
+        default
+          include includes/page/default
+      if page.comment
+        include includes/widgets/third-party/comments/comment
+    if page.aside
+      include includes/widgets/aside/aside

package/layout/post.pug

@@ -0,0 +1,43 @@
+extends includes/layout.pug
+
+block content
+    main.layout#content-inner
+        #post
+            article.post-content#article-container!= page.content
+            include includes/widgets/post/copyright
+            .post-tools-right
+                .tag_share
+                    .post-meta__tag-list
+                        each data in page.tags.data
+                            a(href=url_for(data.path)).post-meta__tags
+                                span.tags-punctuation
+                                | #{data.name}
+                                span.tagsPageCount #{data.length}
+            if site.posts.length > 1
+                include includes/widgets/post/postNav
+            != related_posts(page, site.posts)
+            if page.comment
+                include includes/widgets/third-party/comments/comment
+        include includes/widgets/aside/aside
+        if theme.thirdparty.ai.enable
+            -  let ai_black_list = theme.thirdparty.ai.BlackWhite_List.mode === 'black' ? theme.thirdparty.ai.BlackWhite_List.List.map(item => `'${item}'`).join(', ') : '';
+            -  let ai_white_list = theme.thirdparty.ai.BlackWhite_List.mode === 'white' ? theme.thirdparty.ai.BlackWhite_List.List.map(item => `'${item}'`).join(', ') : '';
+            script(data-pjax, defer).
+                new ChucklePostAI({
+                    el: '#post #article-container',
+                    key: '#{theme.thirdparty.ai.key}',
+                    title_el: '.post-title',
+                    rec_method: '#{theme.thirdparty.ai.rec_method || 'web'}',
+                    interface: {
+                        name: "#{theme.thirdparty.ai.ai_name || 'Solitude AI'}",
+                        introduce: "#{theme.thirdparty.ai.ai_introduce || '我是文章辅助AI生成工具: Solitude AI。你可以点击下方的按钮，让我生成本文简介、推荐相关文章等。'}",
+                        version: "#{theme.thirdparty.ai.ai_tips || 'GPT 4'}",
+                    },
+                    hide_shuttle: !{!!theme.thirdparty.ai.hide_shuttle},
+                    typewriter: !{!!theme.thirdparty.ai.typewriter},
+                    speed: !{!!theme.thirdparty.ai.speed},
+                    eliminate: [!{ai_black_list}],
+                    whitelist: [!{ai_white_list}],
+                    total_length: !{page.ai_total_length ? page.ai_total_length : 0},
+                    ratio_string: !{page.ai_ratio_string ? page.ai_ratio_string : 0},
+                })

package/layout/tag.pug

@@ -0,0 +1,19 @@
+extends includes/layout.pug
+
+block content
+  main.layout#content-inner
+    div#tag
+      div#tag-page-tags
+        each tag in site.tags.find({ parent: { $exists: false } }).data
+          a(id=tag.name class=(tag.name === page.tag ? 'select' : '') href=url_for(tag.path))
+            span.tags-punctuation
+            | #{tag.name}
+            span.tagsPageCount #{tag.length}
+      div.recent-posts#recent-posts
+        - const currentTag = page.tag
+        each post in site.posts.data
+          each tag in post.tags.data
+            if tag.name === currentTag
+              include includes/widgets/home/postList
+      include includes/mixins/pagination
+    include includes/widgets/aside/aside

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "hexo-theme-solitude",
-  "version": "1.1.3",
+  "version": "1.2.1",
   "description": "A beautiful, powerful, and efficient Hexo theme developed by the DuoSco team",
   "scripts": {
     "test": "echo \"Error: no test specified\" && exit 1"
@@ -14,10 +14,10 @@
     "theme",
     "hexo-theme-solitude"
   ],
-  "author": "Hexo-Theme-Solitude<admin@wzsco.top>",
-  "license": "MIT",
+  "author": "Hexo-Theme-Solitude<wzsco@qq.com>",
+  "license": "GNU",
   "bugs": {
     "url": "https://github.com/DuoSco/Hexo-theme-solitude/issues"
   },
   "homepage": "https://github.com/DuoSco/hexo-theme-solitude#readme"
-}
+}

package/scripts/event/page.js

@@ -1,3 +1,4 @@
+
 hexo.extend.generator.register('404', function (locals) {
   if(!this.theme.config.page.error)return
   return {
@@ -14,11 +15,12 @@ hexo.extend.generator.register('404', function (locals) {
 // generate tags Page
 hexo.extend.generator.register('tags', function(locals) {
   if(!this.theme.config.page.tags)return
+  const lang = hexo.theme.i18n.get(this.config.language || 'zh-CN')
   return {
     path: 'tags/index.html',
     layout: ['page'],
     data: {
-      title: 'tags',
+      title: lang["page.tag"],
       type: 'tags',
       comment: false
     }
@@ -28,13 +30,29 @@ hexo.extend.generator.register('tags', function(locals) {
 // generate categories Page
 hexo.extend.generator.register('categories', function(locals) {
   if(!this.theme.config.page.categories)return
+  const lang = hexo.theme.i18n.get(this.config.language || 'zh-CN')
   return {
     path: 'categories/index.html',
     layout: ['page'],
     data: {
-      title: 'categories',
+      title: lang["page.category"],
       type: 'categories',
       comment: false
     }
   };
 });
+
+// generate echarts Page
+hexo.extend.generator.register('echarts', function(locals) {
+  if(!this.theme.config.about.echarts && !this.theme.config.about.enable)return
+  const lang = hexo.theme.i18n.get(this.config.language || 'zh-CN')
+  return {
+    path: 'echart/index.html',
+    layout: ['page'],
+    data: {
+      title: lang["page.echarts"],
+      type: 'echarts',
+      comment: false
+    }
+  };
+});

package/scripts/filter/checkThemeConfig.js

@@ -1,7 +1,6 @@
 'use strict';
 
 hexo.extend.filter.register('before_post_render', () => {
-
     const logger = hexo.log;
     const theme = hexo.theme.config;
     const config = hexo.config;

package/scripts/filter/randomPosts.js

@@ -4,6 +4,5 @@ hexo.extend.filter.register('after_render:html', function (data) {
       if (post.random !== false) posts.push(post.path)
     })
     data += `<script>const posts=${JSON.stringify(posts)};function toRandomPost(){ pjax.loadUrl('/'+posts[Math.floor(Math.random()*posts.length)]); };</script>`
-    //data += `<script>const posts=${JSON.stringify(posts)};function toRandomPost(){ window.pjax ?  : window.open('/'+posts[Math.floor(Math.random()*posts.length)], "_self"); };</script>`
     return data
 })

package/scripts/helper/{charts.js → echarts.js}

@@ -1,36 +1,35 @@
 hexo.extend.filter.register('after_render:html', function (locals) {
-    try {
-        const cheerio = require('cheerio')
-        const $ = cheerio.load(locals)
-        const post = $('#posts-chart')
-        const tag = $('#tags-chart')
-        const category = $('#categories-chart')
-        const htmlEncode = false
+    const {config, theme} = this
+    if (!theme.config.about.echarts.enable) return
 
-        if (post.length > 0 || tag.length > 0 || category.length > 0) {
-            if (post.length > 0 && $('#postsChart').length === 0) {
-                if (post.attr('data-encode') === 'true') htmlEncode = true
-                post.after(postsChart(post.attr('data-start')))
-            }
-            if (tag.length > 0 && $('#tagsChart').length === 0) {
-                if (tag.attr('data-encode') === 'true') htmlEncode = true
-                tag.after(tagsChart(tag.attr('data-length')))
-            }
-            if (category.length > 0 && $('#categoriesChart').length === 0) {
-                if (category.attr('data-encode') === 'true') htmlEncode = true
-                category.after(categoriesChart(category.attr('data-parent')))
-            }
+    const cheerio = require('cheerio')
+    const $ = cheerio.load(locals)
+    const post = $('#posts-chart')
+    const tag = $('#tags-chart')
+    const category = $('#categories-chart')
+    const htmlEncode = false
 
-            if (htmlEncode) {
-                return $.root().html().replace(/&#/g, '&#')
-            } else {
-                return $.root().html()
-            }
-        } else {
-            return locals
+    if (post.length > 0 || tag.length > 0 || category.length > 0) {
+        if (post.length > 0 && $('#postsChart').length === 0) {
+            if (post.attr('data-encode') === 'true') htmlEncode = true
+            post.after(postsChart(post.attr('data-start')))
+        }
+        if (tag.length > 0 && $('#tagsChart').length === 0) {
+            if (tag.attr('data-encode') === 'true') htmlEncode = true
+            tag.after(tagsChart(tag.attr('data-length')))
+        }
+        if (category.length > 0 && $('#categoriesChart').length === 0) {
+            if (category.attr('data-encode') === 'true') htmlEncode = true
+            category.after(categoriesChart(category.attr('data-parent')))
         }
-    } catch (e) {
 
+        if (htmlEncode) {
+            return $.root().html().replace(/&#/g, '&#')
+        } else {
+            return $.root().html()
+        }
+    } else {
+        return locals
     }
 }, 15)
 

package/scripts/helper/stylus.js

@@ -0,0 +1,23 @@
+hexo.extend.filter.register('stylus:renderer', function (style) {
+    const {config, theme} = this
+
+    // 侧边栏标签高亮
+    if (theme.config.aside.tags.highlight) {
+        let array = theme.config.aside.tags.list.map(item => encodeURIComponent(item));
+        style.define('highlightTags', array);
+    }
+
+    // 侧边栏加载样式控制
+    let aside = [
+        theme.config.aside.home.noSticky,
+        theme.config.aside.home.Sticky,
+        theme.config.aside.post.noSticky,
+        theme.config.aside.post.Sticky,
+        theme.config.aside.page.Sticky,
+        theme.config.aside.page.noSticky
+    ].join(',').split(',');
+    let uniqueArr = [...new Set(aside)]; // 去重
+    if (uniqueArr.length > 0) { // 是否为空
+        style.define('aside', uniqueArr);
+    }
+});

package/scripts/tags/bvideo.js

@@ -1,42 +1,7 @@
 'use strict'
-let playIcon = `<svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 20 20" fill="none" class="icon"><path fill-rule="evenodd" clip-rule="evenodd" d="M4.67735 4.2798C5.98983 4.1725 7.85812 4.0625 10 4.0625C12.1421 4.0625 14.0105 4.17252 15.323 4.27983C16.2216 4.3533 16.9184 5.04049 16.9989 5.9318C17.0962 7.00837 17.1875 8.43614 17.1875 10C17.1875 11.5639 17.0962 12.9916 16.9989 14.0682C16.9184 14.9595 16.2216 15.6467 15.323 15.7202C14.0105 15.8275 12.1421 15.9375 10 15.9375C7.85812 15.9375 5.98983 15.8275 4.67735 15.7202C3.77861 15.6467 3.08174 14.9593 3.00119 14.0678C2.90388 12.9908 2.8125 11.5627 2.8125 10C2.8125 8.43727 2.90388 7.00924 3.00119 5.93221C3.08174 5.04067 3.77861 4.35327 4.67735 4.2798ZM10 2.8125C7.81674 2.8125 5.9136 2.92456 4.5755 3.03395C3.07738 3.15643 1.8921 4.31616 1.75626 5.81973C1.65651 6.92379 1.5625 8.39058 1.5625 10C1.5625 11.6094 1.65651 13.0762 1.75626 14.1803C1.8921 15.6838 3.07738 16.8436 4.5755 16.966C5.9136 17.0754 7.81674 17.1875 10 17.1875C12.1835 17.1875 14.0868 17.0754 15.4249 16.966C16.9228 16.8436 18.108 15.6841 18.2438 14.1807C18.3435 13.077 18.4375 11.6105 18.4375 10C18.4375 8.38948 18.3435 6.92296 18.2438 5.81931C18.108 4.31588 16.9228 3.15645 15.4249 3.03398C14.0868 2.92458 12.1835 2.8125 10 2.8125ZM12.1876 10.722C12.7431 10.4013 12.7431 9.59941 12.1876 9.27866L9.06133 7.47373C8.50577 7.15298 7.81133 7.55392 7.81133 8.19542V11.8053C7.81133 12.4468 8.50577 12.8477 9.06133 12.527L12.1876 10.722Z" fill="#9499A0"/></svg>`
-let likeIcon = `<svg width="18" height="18" viewBox="0 0 36 36" xmlns="http://www.w3.org/2000/svg" class="icon"><path fill-rule="evenodd" clip-rule="evenodd" d="M9.77234 30.8573V11.7471H7.54573C5.50932 11.7471 3.85742 13.3931 3.85742 15.425V27.1794C3.85742 29.2112 5.50932 30.8573 7.54573 30.8573H9.77234ZM11.9902 30.8573V11.7054C14.9897 10.627 16.6942 7.8853 17.1055 3.33591C17.2666 1.55463 18.9633 0.814421 20.5803 1.59505C22.1847 2.36964 23.243 4.32583 23.243 6.93947C23.243 8.50265 23.0478 10.1054 22.6582 11.7471H29.7324C31.7739 11.7471 33.4289 13.402 33.4289 15.4435C33.4289 15.7416 33.3928 16.0386 33.3215 16.328L30.9883 25.7957C30.2558 28.7683 27.5894 30.8573 24.528 30.8573H11.9911H11.9902Z"></path></svg>`
-let coinIcon = `<svg width="18" height="18" viewBox="0 0 28 28" xmlns="http://www.w3.org/2000/svg" class="icon" style="fill:;"><path fill-rule="evenodd" clip-rule="evenodd" d="M14.045 25.5454C7.69377 25.5454 2.54504 20.3967 2.54504 14.0454C2.54504 7.69413 7.69377 2.54541 14.045 2.54541C20.3963 2.54541 25.545 7.69413 25.545 14.0454C25.545 17.0954 24.3334 20.0205 22.1768 22.1771C20.0201 24.3338 17.095 25.5454 14.045 25.5454ZM9.66202 6.81624H18.2761C18.825 6.81624 19.27 7.22183 19.27 7.72216C19.27 8.22248 18.825 8.62807 18.2761 8.62807H14.95V10.2903C17.989 10.4444 20.3766 12.9487 20.3855 15.9916V17.1995C20.3854 17.6997 19.9799 18.1052 19.4796 18.1052C18.9793 18.1052 18.5738 17.6997 18.5737 17.1995V15.9916C18.5667 13.9478 16.9882 12.2535 14.95 12.1022V20.5574C14.95 21.0577 14.5444 21.4633 14.0441 21.4633C13.5437 21.4633 13.1382 21.0577 13.1382 20.5574V12.1022C11.1 12.2535 9.52148 13.9478 9.51448 15.9916V17.1995C9.5144 17.6997 9.10883 18.1052 8.60856 18.1052C8.1083 18.1052 7.70273 17.6997 7.70265 17.1995V15.9916C7.71158 12.9487 10.0992 10.4444 13.1382 10.2903V8.62807H9.66202C9.11309 8.62807 8.66809 8.22248 8.66809 7.72216C8.66809 7.22183 9.11309 6.81624 9.66202 6.81624Z"></path></svg>`
 
 function bilibili(args) {
-  const id = args[0].replace(/.*video\/(.*)\/.*/, '$1')
-  const time = args[1]
-  return `
-  <a href="https://www.bilibili.com/video/${id}/" class="bilibili_box" id="${id}" onclick="event.stopPropagation()"></a>
-
-  <script>
-    bilibili()
-    function bilibili() {
-      let dom = document.getElementById('${id}')
-      fetch('https://api.320.ink/api/b?id=${id}').then(res=>res.json()).then(data=>{
-        dom.innerHTML = \`
-        <div class="bilibili_cover">
-          <img src="https://s1.hdslb.com/bfs/static/player/img/play.svg" class="play_icon nolazyload">
-          <img src="\${data.pic + '&h=300'}" class="nolazyload">
-          ${time ? `<span>${time}</span>` : ''}
-        </div>
-        <div class="bilibili_info">
-          <div class="title">\${data.title}</div>
-          <div class="stat">
-            <span>${playIcon}\${data.view}</span>
-            <span>${likeIcon}\${data.like}</span>
-            <span>${coinIcon}\${data.coin}</span>
-          </div>
-          <div class="owner">
-            <span class="tip">视频</span>
-            <img src="\${data.face + '&h=100'}" class="nolazyload">
-            <span>\${data.owner}</span>
-          </div>
-        </div>\`
-      })
-    }
-  </script>
-  `
+  return `<iframe class="bvideo" src="${args}"></iframe>`
 }
 
 hexo.extend.tag.register('bilibili', bilibili, { ends: false })