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