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