[{"data":1,"prerenderedAt":615},["ShallowReactive",2],{"\u002F2025\u002F03\u002Fartice-sort":3,"index_posts":109,"surround-\u002F2025\u002F03\u002Fartice-sort":610},{"id":4,"title":5,"body":6,"categories":83,"date":85,"description":86,"draft":87,"extension":88,"image":89,"meta":90,"navigation":92,"path":93,"permalink":94,"published":94,"readingTime":95,"recommend":94,"references":94,"seo":100,"sitemap":101,"stem":102,"subtitle":94,"tags":103,"type":106,"updated":107,"__hash__":108},"content\u002Fposts\u002F2025\u002F03\u002Fartice sort.md","美化文章卡片显示数字",{"type":7,"value":8,"toc":75},"minimark",[9,13,17,20,32,44,47,50,58,61],[10,11,12],"h2",{"id":12},"前言",[14,15,16],"p",{},"此篇文章改动性质大，魔改前需备份。",[10,18,19],{"id":19},"页面核心内容修改",[21,22,23],"ol",{},[24,25,26,27,31],"li",{},"打开",[28,29,30],"span",{},"Blogroot:","\\themes\\BUTTERFLY\\layout\\includes\\mixins\\article-sort.pug，并覆盖以下内容：",[33,34,41],"pre",{"className":35,"code":37,"filename":38,"language":39,"meta":40},[36],"language-pg","mixin articleSort(posts, current)\n  .article-sort\n    - var year\n    - posts.each(function (article, post_index) {\n      - let tempYear = date(article.date, 'YYYY')\n      - let no_cover = article.cover === false || !theme.cover.archives_enable ? 'no-article-cover' : ''\n      - let title = article.title || _p('no_title')\n      if tempYear !== year\n        - year = tempYear\n        .article-sort-item.year= year\n      .article-sort-item(class=no_cover)\n        if article.cover && theme.cover.archives_enable\n          a.article-sort-item-img(href=url_for(article.path) title=title)\n            img(src=url_for(article.cover) alt=title onerror=`this.onerror=null;this.src='${url_for(theme.error_img.post_page)}'`)\n        .article-sort-item-info(style=\"margin-left: 10px;\")\n          a.article-sort-item-title(href=url_for(article.path) title=title)= title\n          span.article-sort-item-index= (current - 1) * config.per_page + post_index + 1\n          .article-sort-meta\n            .article-meta-wrap\n              if (theme.post_meta.page.categories && article.categories.data.length > 0)\n                span.article-sort-item-categories\n                  i.iconfont.icon-fenlei\n                  each item, index in article.categories.data\n                    a(href=url_for(item.path)).article-meta__categories #[=item.name]\n                    if (index \u003C article.categories.data.length - 1)\n                      span.article-meta__link •\n              if (theme.post_meta.page.tags && article.tags.data.length > 0)\n                span.article-sort-item-tags\n                  i.iconfont.icon-biaoqian\n                  each item, index in article.tags.data\n                    a(href=url_for(item.path)).article-meta__tags #[=item.name]\n                    if (index \u003C article.tags.data.length - 1)\n                      span.article-meta__link •\n            .article-sort-item-time\n              time.post-meta-date-created(datetime=date_xml(article.date) title=_p('post.created') + ' ' + full_date(article.date))= date(article.date, config.date_format)\n    - })\n\u002F\u002F- mixin articleSort(posts, current)\n\u002F\u002F-   .article-sort\n\u002F\u002F-     - var year\n\u002F\u002F-     - posts.each(function (article) {\n\u002F\u002F-       - let tempYear = date(article.date, 'YYYY')\n\u002F\u002F-       - let no_cover = article.cover === false || !theme.cover.archives_enable ? 'no-article-cover' : ''\n\u002F\u002F-       - let title = article.title || _p('no_title')\n\u002F\u002F-       if tempYear !== year\n\u002F\u002F-         - year = tempYear\n\u002F\u002F-         .article-sort-item.year= year\n\u002F\u002F-       .article-sort-item(class=no_cover)\n\u002F\u002F-         a.article-sort-item-a(href=url_for(article.path) title=title)\n\u002F\u002F-         if article.cover && theme.cover.archives_enable\n\u002F\u002F-           a.article-sort-item-img(href=url_for(article.path) title=title)\n\u002F\u002F-             img(src=url_for(article.cover) alt=title onerror=`this.onerror=null;this.src='${url_for(theme.error_img.post_page)}'`)\n\u002F\u002F-         .article-sort-item-info\n\u002F\u002F-           a.article-sort-item-title(href=url_for(article.path) title=title)= title\n\u002F\u002F-           span.article-sort-item-index= (current - 1) * config.per_page + post_index + 1\n\u002F\u002F-           .article-sort-meta\n\u002F\u002F-             .article-meta-wrap\n\u002F\u002F-               if (theme.post_meta.page.categories && article.categories.data.length > 0)\n\u002F\u002F-                 span.article-sort-item-categories\n\u002F\u002F-                   i.iconfont.icon-fenlei\n\u002F\u002F-                   each item, index in article.categories.data\n\u002F\u002F-                     a(href=url_for(item.path)).article-meta__categories #[=item.name]\n\u002F\u002F-                     if (index \u003C article.categories.data.length - 1)\n\u002F\u002F-                       span.article-meta__link •\n\u002F\u002F-               if (theme.post_meta.page.tags && article.tags.data.length > 0)\n\u002F\u002F-                 span.article-sort-item-tags\n\u002F\u002F-                   i.iconfont.icon-biaoqian\n\u002F\u002F-                   each item, index in article.tags.data\n\u002F\u002F-                     a(href=url_for(item.path)).article-meta__tags #[=item.name]\n\u002F\u002F-                     if (index \u003C article.tags.data.length - 1)\n\u002F\u002F-                       span.article-meta__link •\n\u002F\u002F-             .article-sort-item-time\n\u002F\u002F-               time.post-meta-date-created(datetime=date_xml(article.date) title=_p('post.created') + ' ' + full_date(article.date))= date(article.date, config.date_format)\n\u002F\u002F-     - })\n","article-sort.pug","pg","",[42,43,37],"code",{"__ignoreMap":40},[10,45,46],{"id":46},"样式表添加",[14,48,49],{},"在自定义文件中添加以下内容：",[33,51,56],{"className":52,"code":54,"language":55,"meta":40},[53],"language-css","\u002F* 归档，分类，标签三个页面调整 *\u002F\n\u002F* 由苏晓河进行编写以及调整 *\u002F\n\u002F* 时间：2025年2月4日 *\u002F\n\u002F* 归档 *\u002F\n.article-sort {\n    display: -webkit-box;\n    display: -moz-box;\n    display: -webkit-flex;\n    display: -ms-flexbox;\n    display: box;\n    display: flex;\n    -webkit-box-orient: horizontal;\n    -moz-box-orient: horizontal;\n    -o-box-orient: horizontal;\n    -webkit-flex-direction: row;\n    -ms-flex-direction: row;\n    flex-direction: row;\n    -webkit-box-lines: multiple;\n    -moz-box-lines: multiple;\n    -o-box-lines: multiple;\n    -webkit-flex-wrap: wrap;\n    -ms-flex-wrap: wrap;\n    flex-wrap: wrap;\n    -webkit-box-pack: justify;\n    -moz-box-pack: justify;\n    -o-box-pack: justify;\n    -ms-flex-pack: justify;\n    -webkit-justify-content: space-between;\n    justify-content: space-between\n}\n\n.article-sort-title {\n    padding-bottom: 0!important;\n    position: relative;\n    font-size: 2em;\n    color: var(--text-highlight-color);\n    font-weight: 700\n}\n\n.article-sort-item {\n    position: relative;\n    display: -webkit-box;\n    display: -moz-box;\n    display: -webkit-flex;\n    display: -ms-flexbox;\n    display: box;\n    display: flex;\n    -webkit-box-align: center;\n    -moz-box-align: center;\n    -o-box-align: center;\n    -ms-flex-align: center;\n    -webkit-align-items: center;\n    align-items: center;\n    margin: 7.5px 0;\n    border-radius: 12px;\n    padding: 8px;\n    width: calc(50% - 7.5px);\n    background: var(--ah-card-bg);\n    -webkit-transition: all .2s ease-in-out;\n    -moz-transition: all .2s ease-in-out;\n    -o-transition: all .2s ease-in-out;\n    -ms-transition: all .2s ease-in-out;\n    transition: all .2s ease-in-out\n}\n\n@media screen and (max-width: 768px) {\n    .article-sort-item {\n        width:100%\n    }\n\n    .category-bar-item a {\n        padding: .1rem .2rem\n    }\n}\n\n.article-sort-item.no-article-cover {\n    height: 80px;\n    padding-left: 80px\n}\n\n.article-sort-item.year {\n    font-size: 1.8em;\n    font-weight: 700;\n    margin-bottom: 0;\n    background: 0 0;\n    width: 100%;\n    padding: 0\n}\n\n.article-sort-item.year:hover {\n    background: 0 0\n}\n\n.article-sort-item-title {\n    color: var(--font-color);\n    font-size: 17px;\n    -webkit-transition: all .3s;\n    -moz-transition: all .3s;\n    -o-transition: all .3s;\n    -ms-transition: all .3s;\n    transition: all .3s;\n    -webkit-line-clamp: 2;\n    font-weight: 700;\n    line-height: 1.4em\n}\n\n.article-sort-item-title:hover {\n    color: var(--btn-hover-color)\n}\n\n.article-sort-item-img {\n    overflow: hidden;\n    width: 160px;\n    height: 90px;\n    border-radius: 7px;\n    border: 1px solid var(--ah-hover-bg)\n}\n\n@media screen and (max-width: 768px) {\n    .article-sort-item-img {\n        width: 100px;\n        height: 80px\n    }\n}\n\n.article-sort-item-img img {\n    width: 100%;\n    height: 100%;\n    object-fit: cover;\n    border-radius: 7px\n}\n\n.article-sort-item-info {\n    -webkit-box-flex: 1;\n    -moz-box-flex: 1;\n    -o-box-flex: 1;\n    box-flex: 1;\n    -webkit-flex: 1;\n    -ms-flex: 1;\n    flex: 1;\n    padding-left: 10px;\n    padding: 0!important\n}\n\n.article-sort-item-info a.article-meta__tags {\n    color: var(--dark-grey);\n    font-size: 15px\n}\n\n.article-sort-item-info a.article-meta__tags:hover {\n    color: var(--btn-hover-color)\n}\n\n.article-sort-item-info time.post-meta-date-created {\n    bottom: 10px;\n    right: 10px;\n    position: absolute;\n    font-size: 14px;\n    line-height: 14px;\n    color: var(--dark-grey)\n}\n","css",[42,57,54],{"__ignoreMap":40},[10,59,60],{"id":60},"效果展示",[14,62,63,70],{},[64,65,69],"a",{"href":66,"rel":67},"https:\u002F\u002Fwww.myxz.top\u002Fcategories\u002Fhexo\u002F",[68],"nofollow","分类",[64,71,74],{"href":72,"rel":73},"https:\u002F\u002Fwww.myxz.top\u002Farchives\u002F",[68],"归档",{"title":40,"searchDepth":76,"depth":76,"links":77},4,[78,80,81,82],{"id":12,"depth":79,"text":12},2,{"id":19,"depth":79,"text":19},{"id":46,"depth":79,"text":46},{"id":60,"depth":79,"text":60},[84],"站点魔改","2025-03-05 08:00:00","这篇文章讲述如何给自己博客中的归档、分类、标签页三个页面的文章卡片添加数字来进行编排，以及对添加的数字进行CSS美化，但也请注意要经常备份以免出现错误。",false,"md","https:\u002F\u002Fsourceimage.s3.bitiful.net\u002Fimg\u002Fdefault_cover_29.avif?v=20260104",{"slots":91},{},true,"\u002F2025\u002F03\u002Fartice-sort",null,{"text":96,"minutes":97,"time":98,"words":99},"4 min read",3.48,208800,696,{"title":5,"description":86},{"loc":93},"posts\u002F2025\u002F03\u002Fartice sort",[104,105],"hexo","butterfly","tech","2025-03-06 18:00:00","hy1u707K9jxxhmFHH2Fdbp7R3G1vCxyqGI3k_vzSdYU",[110,125,140,154,167,180,184,196,210,222,233,247,263,278,291,308,322,337,352,367,382,398,415,431,443,457,471,483,497,509,519,531,544,557,568,579,592,601],{"categories":111,"date":113,"description":114,"image":94,"path":115,"readingTime":116,"recommend":94,"tags":121,"title":123,"type":106,"updated":124},[112],"技术探索","2023-12-06 12:45:00","本篇转载三种不同方案（已经放好原文章链接）","\u002F2023\u002F03\u002Fessaythree",{"text":117,"minutes":118,"time":119,"words":120},"48 min read",47.34,2840400,9468,[104,105,122],"美化","即刻短文的三种部署方案","2023-12-07 14:09:00",{"categories":126,"date":127,"description":128,"image":129,"path":130,"readingTime":131,"recommend":136,"tags":137,"title":138,"type":106,"updated":139},[84],"2024-04-19 10:00:00","友链页面美化以及添加功能","\u002Fimage\u002FPostCover\u002FflinkPage.avif","\u002F2024\u002F04\u002Fflinkpagemeihua",{"text":132,"minutes":133,"time":134,"words":135},"11 min read",10.8,648000,2160,1,[104,105],"友链魔改","2025-04-19 12:09:00",{"categories":141,"date":142,"description":143,"image":144,"path":145,"readingTime":146,"recommend":136,"tags":151,"title":152,"type":106,"updated":153},[84],"2025-02-05 09:00:00","这篇文章讲述在博客中对导航栏进行修改，并添加多个产品页面地址，且采用安知鱼的导航栏CSS样式表。","\u002Fimage\u002FPostCover\u002FnavMuogai.avif","\u002F2025\u002F02\u002Fbutterflynavadd",{"text":147,"minutes":148,"time":149,"words":150},"9 min read",8.585,515100,1717,[104,105],"butterfly导航栏修改方案","2025-03-05 10:00:00",{"categories":155,"date":156,"description":157,"image":158,"path":159,"readingTime":160,"recommend":136,"tags":164,"title":165,"type":106,"updated":166},[84],"2025-02-27 10:10:55","本篇文章讲述了如何在博客的底部模块进行魔改添加图标、来源图片、返回顶部以及建站时间，对建站时间进行js内联到模块中。","\u002Fimage\u002FPostCover\u002FfooterMeihua.avif","\u002F2025\u002F02\u002Ffooterqcqxstyle",{"text":96,"minutes":161,"time":162,"words":163},3.31,198600,662,[104,105,122],"轻笑底部美化","2025-02-28 10:00:00",{"categories":168,"date":169,"description":170,"image":171,"path":172,"readingTime":173,"recommend":94,"tags":177,"title":178,"type":106,"updated":179},[84],"2025-03-24 08:00:09","这篇简述如何给自己博客中的归档、分类、标签页三个页面的文章卡片加上所属分类和标签，并说明了具体的实践环境，以最大限度的方式进行CSS美化。但也请注意要经常备份以免出现大量错误。","\u002Fimage\u002FPostCover\u002FarchiveMougai.avif","\u002F2025\u002F03\u002Farchivemougai",{"text":96,"minutes":174,"time":175,"words":176},3.08,184800,616,[104,105],"给页面加上所属分类和标签以及美化","2025-03-24 10:56:09",{"categories":181,"date":85,"description":86,"image":89,"path":93,"readingTime":182,"recommend":94,"tags":183,"title":5,"type":106,"updated":107},[84],{"text":96,"minutes":97,"time":98,"words":99},[104,105],{"categories":185,"date":85,"description":186,"image":187,"path":188,"readingTime":189,"recommend":94,"tags":194,"title":195,"type":106,"updated":107},[84],"这篇文章讲述如何在页面中添加模块以及使用CSS添加颜色以及背景图片。","https:\u002F\u002Fsourceimage.s3.bitiful.net\u002Fimg\u002Fdefault_cover_21.avif","\u002F2025\u002F03\u002Fbackgroud-qcqx",{"text":190,"minutes":191,"time":192,"words":193},"1 min read",0.71,42600,142,[104,105],"轻笑风格背景",{"categories":197,"date":198,"description":199,"image":200,"path":201,"readingTime":202,"recommend":94,"tags":207,"title":208,"type":106,"updated":209},[84],"2025-03-24 09:00:00","本文章以安知鱼的页面文件为模版进行大幅度修改，仿轻笑的关于页面的模块摆放以及调整CSS样式来进行细致魔改。","\u002Fimage\u002FPostCover\u002FbtfAboutPage.avif","\u002F2025\u002F03\u002Fbtfaboutpage",{"text":203,"minutes":204,"time":205,"words":206},"24 min read",23.275,1396500,4655,[104,105],"关于页面(butterfly)","2025-03-25 11:20:00",{"categories":211,"date":85,"description":212,"image":213,"path":214,"readingTime":215,"recommend":94,"tags":220,"title":221,"type":106,"updated":107},[84],"这篇文章讲述了如何美化博客侧边栏，并调整各个卡片内容的样式表。","\u002Fimage\u002FPostCover\u002FcardMeihua.avif","\u002F2025\u002F03\u002Fcardmeihua",{"text":216,"minutes":217,"time":218,"words":219},"5 min read",4.77,286200,954,[104,105],"卡片美化",{"categories":223,"date":85,"description":224,"image":225,"path":226,"readingTime":227,"recommend":94,"tags":231,"title":232,"type":106,"updated":107},[84],"从零开始魔改butterfly","\u002Fimage\u002FPostCover\u002FfunctionMeihua.avif","\u002F2025\u002F03\u002Ffunctionmeihua",{"text":190,"minutes":228,"time":229,"words":230},0.345,20700,69,[104,105],"功能美化",{"categories":234,"date":235,"description":236,"image":237,"path":238,"readingTime":239,"recommend":94,"tags":244,"title":245,"type":106,"updated":246},[84],"2025-03-01 10:00:00","本文依照轻笑的部分内容，参考首页banner写法以及对首页banner添加鼠标滚动以及移动端滑动，通过CSS样式进行美化整个首页banner，此篇文章重点讲述了如何解决轻笑给的js内容在首页会出现不断加载的问题。","\u002Fimage\u002FPostCover\u002FrandomPost.avif","\u002F2025\u002F03\u002Frandompost",{"text":240,"minutes":241,"time":242,"words":243},"6 min read",5.595,335700,1119,[104,105,122],"Banner随机文章展示(轻笑同款)","2025-03-05 12:09:00",{"categories":248,"date":249,"description":250,"image":251,"path":252,"readingTime":253,"recommend":257,"tags":258,"title":261,"type":106,"updated":262},[84],"2025-08-11 10:00:00","本篇文章讲述了添加模块代码并在博客的友情链接中添加模块，且使用css美化","\u002Fimage\u002FPostCover\u002FlinkTop.avif","\u002F2025\u002F08\u002Flinktop",{"text":147,"minutes":254,"time":255,"words":256},8.88,532800,1776,11,[259,260,122],"Nuxt","魔改","在友链页面添加滚动头像banner","2025-08-11 20:49:00",{"categories":264,"date":265,"description":266,"image":267,"path":268,"readingTime":269,"recommend":274,"tags":275,"title":276,"type":106,"updated":277},[84],"2025-08-22 10:00:00","近期将博客迁移至Nuxt框架时，重新搭建了「关于页面」。过程中添加了技能展示组件（skillinfo.vue），实现标签分组渲染；新建about.vue页面，整合个人信息、技能、偏好等多模块内容，并通过ts定义数据接口（about.ts\u002Fcreativity.ts）。","\u002Fimage\u002FPostCover\u002FnuxtAboutPage.avif","\u002F2025\u002F08\u002Fnuxtaboutpage",{"text":270,"minutes":271,"time":272,"words":273},"16 min read",15.92,955200,3184,10,[259,260,122],"关于页面(Nuxt)","2025-09-01 20:49:00",{"categories":279,"date":280,"description":281,"image":282,"path":283,"readingTime":284,"recommend":288,"tags":289,"title":290,"type":106,"updated":277},[84],"2025-09-02 10:00:00","本篇文章主要简述了如何给Nuxt框架添加站点详情","https:\u002F\u002Fwww.yjluo.top\u002Fimage\u002FPostCover\u002FsiteInfo.avif","\u002F2025\u002F09\u002Fsitelinkpageadd",{"text":216,"minutes":285,"time":286,"words":287},4.38,262800,876,9,[259,260,122],"添加站点详情页面",{"categories":292,"date":294,"description":295,"image":296,"path":297,"readingTime":298,"recommend":94,"tags":302,"title":305,"type":306,"updated":307},[293],"日志记录","2025-12-28 10:00:00","该文章详细记录了2025年中的上下半年所做的事情，并且还透露出后续计划中会干什么。而在前言中也写到此文为水字数而出，上下半年均写到更换框架与服务有关于的内容。对于未来计划中提到了要对一些网站进行恢复、以及明年将在文章中加入与自创小说有关的内容","\u002Fimage\u002FPostCover\u002FannualSummary.avif","\u002F2025\u002F12\u002Fannualsummary",{"text":96,"minutes":299,"time":300,"words":301},3.855,231300,771,[303,304],"总结",2025,"年度总结：旧去新","story","2025-12-28 20:49:00",{"categories":309,"date":310,"description":311,"image":312,"path":313,"readingTime":314,"recommend":288,"tags":319,"title":320,"type":106,"updated":321},[84],"2025-12-01 10:00:00","该文章详细介绍了基于Vue3+TypeScript开发的豆瓣追更记录系统，采用组件化架构实现两栏筛选菜单、动态加载动画和卡片式作品展示，通过Pinia状态管理+Vite构建工具实现数据流管理，集成防抖加载、虚拟滚动等性能优化方案。","\u002Fimage\u002FPostCover\u002FbanguimPage.avif","\u002F2025\u002F12\u002Fbanguimpageadd",{"text":315,"minutes":316,"time":317,"words":318},"23 min read",22.175,1330500,4435,[259,260,122],"添加追更历史","2025-12-01 20:49:00",{"categories":323,"date":324,"description":325,"image":326,"path":327,"readingTime":328,"recommend":333,"tags":334,"title":335,"type":106,"updated":336},[84],"2025-12-23 10:00:00","该文章介绍Nuxt博客适配中评论模块的Vue组件实现与Artalk评论系统单例管理逻辑，并提供具体的适配评论表情包的Json信息，评论功能有着KaTeX数学公式渲染、图片灯箱、动态监听以及管理逻辑的初始化、计数、暗黑模式切换等方式。","\u002Fimage\u002FPostCover\u002FcommentMeihua.avif","\u002F2025\u002F12\u002Fcommentadd",{"text":329,"minutes":330,"time":331,"words":332},"32 min read",31.72,1903200,6344,8,[259,260,122],"评论优化","2026-03-01 20:49:00",{"categories":338,"date":339,"description":340,"image":341,"path":342,"readingTime":343,"recommend":348,"tags":349,"title":350,"type":106,"updated":351},[84],"2025-12-03 10:05:09","该博客持续维护Nuxt框架博客系统，新增装备页面实现硬件\u002F外设分类展示，支持动态过滤、标签筛选与规格参数渲染，通过TypeScript定义数据接口，结合Vue3响应式布局与SCSS响应式设计，完成设备卡片动态加载、悬停动效及跨端适配优化，集成评论跳转与购买信息展示功能。","\u002Fimage\u002FPostCover\u002FequipmentPage.avif","\u002F2025\u002F12\u002Fequipmentpageadd",{"text":344,"minutes":345,"time":346,"words":347},"8 min read",7.28,436800,1456,7,[259,260,122],"添加装备页面","2025-12-03 20:49:09",{"categories":353,"date":354,"description":355,"image":356,"path":357,"readingTime":358,"recommend":363,"tags":364,"title":365,"type":106,"updated":366},[84],"2025-12-09 10:00:00","该文章记录了项目版本迭代中的UI优化与功能调整，包括增加可后期换配置且内置移动到赞赏总览触发效果的打赏弹窗、优化头部封面移动端预览、增加版权图标虚化及打赏入口、将本地desc预览改ai摘要样式、增加版权卡片及更换头部信息样式。","\u002Fimage\u002FPostCover\u002FpostMeihua.avif","\u002F2025\u002F12\u002Fpostpagexiugai",{"text":359,"minutes":360,"time":361,"words":362},"12 min read",11.165,669900,2233,6,[259,260,122],"文章美化","2025-12-09 20:49:00",{"categories":368,"date":369,"description":370,"image":371,"path":372,"readingTime":373,"recommend":378,"tags":379,"title":380,"type":106,"updated":381},[84],"2025-12-04 10:00:00","该文章记录了项目版本迭代中的UI优化与功能调整，包括站点详情卡片组件化改造（采用Badge组件优化布局）、分类卡片新增文章数量统计功能（重新严重问题）、标签卡片新增文章标签统计功能、博主信息模块的拆分与重构，同时删除了冗余的左侧图片和完整博主卡片，最终形成模块化组件结构（涉及5个核心组件及数据调用逻辑调整）。","\u002Fimage\u002FPostCover\u002FsmallCard.avif","\u002F2025\u002F12\u002Fsmallcardadd",{"text":374,"minutes":375,"time":376,"words":377},"10 min read",9.745,584700,1949,5,[259,260,122],"侧边组件美化","2025-12-04 20:49:00",{"categories":383,"date":384,"description":385,"image":386,"path":387,"readingTime":388,"recommend":94,"tags":393,"title":396,"type":106,"updated":397},[84],"2026-01-27 10:00:00","自定义全局的样式颜色，具有对特定CSS中所具有的自定义样式颜色来进行整合，并且作者还顺便水了一篇文章","\u002Fimage\u002FPostCover\u002FcolorStyleAll.avif","\u002F2026\u002F01\u002Fcolorstyleall",{"text":389,"minutes":390,"time":391,"words":392},"14 min read",13.155,789300,2631,[394,395],"全局颜色","自定义","自定义全局颜色","2026-01-27 20:49:00",{"categories":399,"date":400,"description":401,"image":402,"path":403,"readingTime":404,"recommend":94,"tags":409,"title":413,"type":106,"updated":414},[112],"2026-01-11 10:00:00","这篇文章是一篇实战经验分享，主要讲解了如何利用腾讯云的EdgeOne边缘安全加速平台，为网站字体等静态资源搭建一个自定义的、高性能的镜像加速服务。","\u002Fimage\u002FPostCover\u002FjsdmEdge.avif","\u002F2026\u002F01\u002Fjsdmedge",{"text":405,"minutes":406,"time":407,"words":408},"3 min read",2.72,163200,544,[410,411,412],"镜像","EdgeOne","jsdmirror","使用EdgeOne CDN搭建自用Jsd镜像","2026-01-11 20:49:00",{"categories":416,"date":417,"description":418,"image":419,"path":420,"readingTime":421,"recommend":94,"tags":426,"title":429,"type":106,"updated":430},[112],"2026-01-28 19:00:00","本文是一篇关于 Komari Monitor（一款服务器监控系统）的详细介绍与实用指南。文章以作者个人经验为引，对比了哪吒监控（V0\u002FV1版本）与 Komari 在各方面的差异，并逐步演示了如何部署、配置和使用 Komari。","\u002Fimage\u002FPostCover\u002FkomariMonitor.avif","\u002F2026\u002F01\u002Fkomarimonitor",{"text":422,"minutes":423,"time":424,"words":425},"7 min read",6.86,411600,1372,[427,428],"探针","监控","komari：全新的探针站点","2026-01-29 13:00:00",{"categories":432,"date":433,"description":370,"image":434,"path":435,"readingTime":436,"recommend":76,"tags":440,"title":441,"type":106,"updated":442},[84],"2026-01-01 10:00:00","\u002Fimage\u002FPostCover\u002FNewYear.avif","\u002F2026\u002F01\u002Fnewyear",{"text":405,"minutes":437,"time":438,"words":439},2.15,129000,430,[259,260,122],"踏入2026：目标新方向","2026-01-01 20:49:00",{"categories":444,"date":445,"description":446,"image":447,"path":448,"readingTime":449,"recommend":94,"tags":454,"title":455,"type":306,"updated":456},[84],"2026-01-05 10:00:00","该文章记录了项目中对于字体、图片以及构建产物等静态资源的优化与处理，并且表示自身对于图片的存放位置进行优化。","\u002Fimage\u002FPostCover\u002FsiteAssets.avif","\u002F2026\u002F01\u002Fsiteassets",{"text":450,"minutes":451,"time":452,"words":453},"2 min read",1.82,109200,364,[259,260,122],"站点资源优化","2026-01-07 20:49:00",{"categories":458,"date":460,"description":461,"image":462,"path":463,"readingTime":464,"recommend":94,"tags":468,"title":469,"type":106,"updated":470},[459],"日常随笔","2026-01-12 10:00:00","该文章主要写了对于低价机器的试水，并提醒是超开类型的机器。在测试的过程中发现机器性能较高，且展示出机器的具体价格，并单独列出只有精简版未采用完整版测试。","\u002Fimage\u002FPostCover\u002FvpsTalk.avif","\u002F2026\u002F01\u002Fvpstalk",{"text":270,"minutes":465,"time":466,"words":467},15.545,932700,3109,[259,260,122],"随笔：低价主机试水","2026-01-12 20:49:00",{"categories":472,"date":473,"description":474,"image":462,"path":475,"readingTime":476,"recommend":94,"tags":480,"title":481,"type":106,"updated":482},[459],"2026-01-30 10:00:00","该文章主要写了对于大容量硬盘主机的试水。在测试的过程中发现机器性能较高，且展示出机器的具体价格，并单独列出只有精简版未采用完整版测试。","\u002F2026\u002F01\u002Fvpstalk-2",{"text":389,"minutes":477,"time":478,"words":479},13.965,837900,2793,[259,260,122],"随笔：大容量主机测试","2026-01-30 20:49:00",{"categories":484,"date":485,"description":486,"image":487,"path":488,"readingTime":489,"recommend":136,"tags":494,"title":495,"type":106,"updated":496},[84],"2026-02-20 10:00:00","该文章展示多个以鸣潮为主题的档案组件，包含具体代码、属性表格对应、预览整体组件、写法展示四种类型，并在文章末尾附加更新报告。","\u002Fimage\u002FPostCover\u002FWutheringWavesPostWidget.avif","\u002F2026\u002F02\u002Fwutheringwavespostwidget",{"text":490,"minutes":491,"time":492,"words":493},"100 min read",99.23,5953800,19846,[259,260,122],"【鸣潮】档案文章组件","2026-02-26 10:00:00",{"categories":498,"date":499,"description":461,"image":500,"path":501,"readingTime":502,"recommend":94,"tags":506,"title":507,"type":106,"updated":508},[112],"2026-02-03 10:00:00","\u002Fimage\u002FPostCover\u002FfnosInstall.avif","\u002F2026\u002F02\u002Ffnosinstall",{"text":147,"minutes":503,"time":504,"words":505},8.91,534600,1782,[259,260,122],"给老MAC升级为飞牛OS","2026-02-05 20:49:00",{"categories":510,"date":499,"description":461,"image":511,"path":512,"readingTime":513,"recommend":94,"tags":517,"title":518,"type":106,"updated":508},[84],"\u002Fimage\u002FPostCover\u002FmacBookPerformancTest.avif","\u002F2026\u002F02\u002Fmacbookperformanctest",{"text":405,"minutes":514,"time":515,"words":516},2.47,148200,494,[259,260,122],"【精简】测试老MAC性能",{"categories":520,"date":521,"description":461,"image":522,"path":523,"readingTime":524,"recommend":94,"tags":528,"title":529,"type":106,"updated":530},[84],"2026-02-04 10:00:00","\u002Fimage\u002FPostCover\u002FmusicInstall.avif","\u002F2026\u002F02\u002Fmusicinstall",{"text":147,"minutes":525,"time":526,"words":527},8.19,491400,1638,[259,260,122],"【本地+云端】搭建道理鱼音乐","2026-02-06 20:49:00",{"categories":532,"date":533,"description":461,"image":534,"path":535,"readingTime":536,"recommend":540,"tags":541,"title":542,"type":106,"updated":543},[84],"2026-03-03 10:00:00","\u002Fimage\u002FPostCover\u002FfooterNuxtMeihua.avif","\u002F2026\u002F03\u002Ffooternuxtmeihua",{"text":96,"minutes":537,"time":538,"words":539},3.235,194100,647,3,[259,260,122],"页脚魔改(Nuxt版本)","2026-03-06 10:00:00",{"categories":545,"date":546,"description":461,"image":534,"path":547,"readingTime":548,"recommend":79,"tags":553,"title":555,"type":106,"updated":556},[84],"2026-03-21 14:00:00","\u002F2026\u002F03\u002Fsteamgamepage",{"text":549,"minutes":550,"time":551,"words":552},"18 min read",17.265,1035900,3453,[259,554],"页面","游戏展示页面","2026-03-22 10:00:00",{"categories":558,"date":559,"description":461,"image":534,"path":560,"readingTime":561,"recommend":136,"tags":565,"title":566,"type":106,"updated":567},[84],"2026-04-11 14:00:00","\u002F2026\u002F04\u002Fessaynuxtpage",{"text":240,"minutes":562,"time":563,"words":564},5.93,355800,1186,[259,554],"说说页面（Nuxt版本）","2026-04-11 22:00:00",{"categories":569,"date":570,"description":461,"image":534,"path":571,"readingTime":572,"recommend":136,"tags":576,"title":577,"type":106,"updated":578},[84],"2026-04-13 14:00:00","\u002F2026\u002F04\u002Fhotnuxtpage",{"text":147,"minutes":573,"time":574,"words":575},8.985,539100,1797,[259,554],"热搜页面（Nuxt版本）","2026-04-13 22:00:00",{"categories":580,"date":582,"description":295,"image":583,"path":584,"readingTime":585,"recommend":94,"tags":589,"title":590,"type":306,"updated":591},[581],"自设记录","2025-12-29 10:00:00","https:\u002F\u002Fsourceimage.s3.bitiful.net\u002Fpost\u002Fimg\u002FannualSummary\u002Fcover.webp","\u002Fnovel\u002Fworld\u002Fharmworld",{"text":450,"minutes":586,"time":587,"words":588},1.31,78600,262,[303,304],"世界志：鸿蒙界","2025-12-29 20:49:00",{"categories":593,"date":582,"description":295,"image":583,"path":594,"readingTime":595,"recommend":94,"tags":599,"title":600,"type":306,"updated":591},[581],"\u002Fnovel\u002Fworld\u002Flmmortalgod",{"text":422,"minutes":596,"time":597,"words":598},6.295,377700,1259,[303,304],"世界志：仙神界",{"categories":602,"date":582,"description":295,"image":583,"path":603,"readingTime":604,"recommend":94,"tags":608,"title":609,"type":306,"updated":591},[581],"\u002Fnovel\u002Fworld\u002Fdh",{"text":450,"minutes":605,"time":606,"words":607},1.65,99000,330,[303,304],"世界志：大荒",[611,613],{"title":245,"path":238,"stem":612,"date":235,"type":106,"children":-1},"posts\u002F2025\u002F03\u002FrandomPost",{"title":195,"path":188,"stem":614,"date":85,"type":106,"children":-1},"posts\u002F2025\u002F03\u002Fbackgroud qcqx",1776745737025]