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