[{"data":1,"prerenderedAt":822},["ShallowReactive",2],{"\u002F2025\u002F12\u002Fsmallcardadd":3,"index_posts":319,"surround-\u002F2025\u002F12\u002Fsmallcardadd":817},{"id":4,"title":5,"body":6,"categories":291,"date":293,"description":294,"draft":295,"extension":296,"image":297,"meta":298,"navigation":300,"path":301,"permalink":302,"published":302,"readingTime":303,"recommend":308,"references":302,"seo":309,"sitemap":310,"stem":311,"subtitle":302,"tags":312,"type":316,"updated":317,"__hash__":318},"content\u002Fposts\u002F2025\u002F12\u002FsmallCardAdd.md","侧边组件美化",{"type":7,"value":8,"toc":273},"minimark",[9,13,17,20,25,28,35,39,41,46,49,67,71,74,101,103,111,115,117,125,128,130,135,138,187,190,193,256,259],[10,11,12],"h2",{"id":12},"前言",[14,15,16],"p",{},"由于最近的累计魔改的内容已经多到需要记录了，索性也写成一篇魔改文章。",[10,18,19],{"id":19},"功能增加与删减",[21,22,24],"h3",{"id":23},"v20260304-official","V20260304-OFFICIAL",[14,26,27],{},"增加内容",[29,30,31],"ul",{},[32,33,34],"li",{},"翻转式二维码组件",[21,36,38],{"id":37},"v20251210-official","V20251210-OFFICIAL",[14,40,27],{},[29,42,43],{},[32,44,45],{},"由标签展示卡片代替掉分类展示卡片",[14,47,48],{},"删减内容",[29,50,51],{},[32,52,53,54,58,59,62,63,66],{},"分类展示卡片导致其首页",[55,56,57],"code",{"code":57},"index.vue","中的渲染逻辑出现错误，导致了无法正常渲染出",[55,60,61],{"code":61},"精选文章卡片","、",[55,64,65],{"code":65},"文章具体分类","，需要切换到其他页面或者文章再切回才能正常渲染",[21,68,70],{"id":69},"v20251130-official","V20251130-OFFICIAL",[14,72,73],{},"新增内容",[29,75,76,91,94],{},[32,77,78,79,82,83,86,87,90],{},"站点详情卡片中的镜像节点采用",[55,80,81],{"code":81},"Badge","组件，在标题栏中的",[55,84,85],{"code":85},"title","与",[55,88,89],{"code":89},"description","排列为一行。",[32,92,93],{},"在分类卡片中的单个分类新增向上标头，让读者查看站点中的分类中有多少篇文章",[32,95,96,97,100],{},"将博主信息简略到",[55,98,99],{"code":99},"BlogStats.vue","中，且增加了在几个小时前在线（该功能暂时还未写完，有兴趣者可以二开）",[14,102,48],{},[29,104,105,108],{},[32,106,107],{},"站点详情卡片中的左侧图片进行删除，在ts文件中进行删除掉",[32,109,110],{},"博主信息卡片不在保留，但在该文章中会进行写出来（有兴趣者可以二开）",[21,112,114],{"id":113},"v20251120-official","V20251120-OFFICIAL",[14,116,73],{},[29,118,119,122],{},[32,120,121],{},"增加站点详情卡片，套用了测试文件（暂时无需删除）",[32,123,124],{},"增加在分类卡片中的单个分类新增向上标头，让读者查看站点中的文章分布在哪些分类中。",[21,126,114],{"id":127},"v20251120-official-1",[14,129,73],{},[29,131,132],{},[32,133,134],{},"增加博主信息卡片",[10,136,137],{"id":137},"目录结构",[29,139,140,146,152,158,168,175,181],{},[32,141,142,145],{},[55,143,144],{"code":144},"\u002Fapp\u002Fcomponents\u002Fwidget\u002FBlogTag.vue","：标签卡片展示，自动匹配当前站点所有文章的所属标签，并通过该标签中的文章数量进行计数",[32,147,148,151],{},[55,149,150],{"code":150},"\u002Fapp\u002Fcomponents\u002Fwidget\u002FBlogArchive.vue","：分类卡片展示，自动匹配当前站点所有文章的所属分类，并通过该分类中的文章数量进行计数（出现重大bug，因不在推荐使用）",[32,153,154,157],{},[55,155,156],{"code":156},"\u002Fapp\u002Fcomponents\u002Fwidget\u002FBlogStats.vue","：服务卡片的魔改文件，通过增加上方的博主信息来完成魔改",[32,159,160,163,164,167],{},[55,161,162],{"code":162},"\u002Fapp\u002Fcomponents\u002Fwidget\u002FBlogSiteInfo.vue","：站点详情卡片展示，通过调用",[55,165,166],{"code":166},"sitelink.ts","完成数据展示。",[32,169,170,163,173,167],{},[55,171,172],{"code":172},"\u002Fapp\u002Fsitelink.ts",[55,174,166],{"code":166},[32,176,177,180],{},[55,178,179],{"code":179},"\u002Fapp\u002Fcomponents\u002Fwidget\u002FBlogAccount.vue","：博主信息卡片，是博主信息实践的初代版本，后因占用过大而被撤下。",[32,182,183,186],{},[55,184,185],{"code":185},"\u002Fapp\u002Fcomponents\u002Fwidget\u002FBlogFlip.vue","：翻转式二维码组件，可以自由添加内容（请勿商用，字体来源方规定）",[10,188,189],{"id":189},"教程开始",[21,191,192],{"id":192},"主渲染组件模块",[194,195,197,212,221,229,238,247],"tab",{":tabs":196},"[\"标签详情\", \"分类详情（请勿使用）\", \"服务卡片\", \"站点详情\", \"博主信息\", \"翻转式二维码\"]",[198,199,201],"template",{"v-slot:tab1":200},"",[202,203,210],"pre",{"className":204,"code":206,"filename":207,"language":208,"meta":209},[205],"language-vue","\u003Cscript setup lang=\"ts\">\nconst { data: stats } = useFetch('\u002Fapi\u002Fstats')\n\u003C\u002Fscript>\n\u003Ctemplate>\n\u003CZWidget card title=\"分类展示\">\n  \u003Cdiv class=\"category_cloud\">\n    \u003CZRawLink v-for=\"item in stats?.tags\" :to=\"'\u002F?tag=' + item.name\" class=\"category\">\n      {{ item.name }}\n      \u003Csup>{{ item.posts }}\u003C\u002Fsup>\n    \u003C\u002FZRawLink>\n  \u003C\u002Fdiv>\n\u003C\u002FZWidget>\n\u003C\u002Ftemplate>\n\n\u003Cstyle lang=\"scss\" scoped>\n  .category_cloud {\n    display: flex;\n    flex-wrap: wrap;\n    \u002F\u002F overflow-y: scroll;\n    gap: 4px;\n\n    .category {\n      color: var(--heo-fontcolor) !important;\n      padding: 2px 8px;\n      border-radius: 8px;\n      background: var(--heo-card-bg);\n      border: var(--style-border);\n      font-size: 14px !important;\n      font-weight: 700;\n\n      sup {\n        opacity: .6;\n        top: -.5em;\n        font-size: 75%;\n        line-height: 0;\n        position: relative;\n        vertical-align: baseline;\n      }\n    }\n  }\n  \n\u003C\u002Fstyle>\n","BlogTag.vue","vue","lang=\"vue\"",[55,211,206],{"__ignoreMap":200},[198,213,214],{"v-slot:tab2":200},[202,215,219],{"className":216,"code":217,"filename":218,"language":208,"meta":209},[205],"\u003Cscript setup lang=\"ts\">\nconst { data: stats } = useFetch('\u002Fapi\u002Fstats')\n\u003C\u002Fscript>\n\u003Ctemplate>\n\u003CZWidget card title=\"分类展示\">\n  \u003Cdiv class=\"category_cloud\">\n    \u003Cdiv v-for=\"item in stats?.categories\">\n      {{ item.name }}\n      \u003Csup>{{ item.posts }}\u003C\u002Fsup>\n    \u003C\u002Fdiv>\n  \u003C\u002Fdiv>\n\u003C\u002FZWidget>\n\u003C\u002Ftemplate>\n\n\u003Cstyle lang=\"scss\" scoped>\n  .category_cloud {\n    display: flex;\n    flex-wrap: wrap;\n    \u002F\u002F overflow-y: scroll;\n    gap: 4px;\n\n    div {\n      color: var(--heo-fontcolor) !important;\n      padding: 2px 8px;\n      border-radius: 8px;\n      background: var(--heo-card-bg);\n      border: var(--style-border);\n      font-size: 14px !important;\n      font-weight: 700;\n\n      sup {\n        opacity: .6;\n        top: -.5em;\n        font-size: 75%;\n        line-height: 0;\n        position: relative;\n        vertical-align: baseline;\n      }\n    }\n  }\n  \n\u003C\u002Fstyle>\n","BlogArchive.vue",[55,220,217],{"__ignoreMap":200},[198,222,223],{"v-slot:tab3":200},[202,224,227],{"className":225,"code":226,"filename":99,"language":208,"meta":209},[205],"\u003Cscript setup lang=\"ts\">\nimport { NuxtTime } from '#components'\n\nimport dayjs from 'dayjs';\nimport relativeTime from 'dayjs\u002Fplugin\u002FrelativeTime';\nimport 'dayjs\u002Flocale\u002Fzh-cn';\ndayjs.extend(relativeTime)\n\nconst appConfig = useAppConfig()\nconst runtimeConfig = useRuntimeConfig()\n\nconst { data: stats } = useFetch('\u002Fapi\u002Fstats')\n\nconst yearlyTip = computed(() => {\n\tif (!stats.value)\n\t\treturn ''\n\treturn Object.entries(stats.value.annual).reverse().map(([year, item]) =>\n\t\t`${year}年：${item.posts}篇，${formatNumber(item.words)}字`,\n\t).join('\\n')\n})\n\nconst blogStats = [{\n\tlabel: '运营时长',\n\tvalue: timeElapse(appConfig.timeEstablished),\n\ttip: `博客于${appConfig.timeEstablished}上线`,\n}, {\n\tlabel: '上次更新',\n\tvalue: () => h(NuxtTime, { datetime: runtimeConfig.public.buildTime, relative: true }),\n\ttip: computed(() => `构建于${getLocaleDatetime(runtimeConfig.public.buildTime)}`),\n}, {\n\tlabel: '总字数',\n\tvalue: computed(() => stats.value ? formatNumber(stats.value.total.words) : ''),\n\ttip: yearlyTip,\n}]\n\u003C\u002Fscript>\n\n\u003Ctemplate>\n\u003CZWidget card title=\"博客统计\">\n  \u003C!-- 添加的位置 开始 -->\n  \u003Cdiv class=\"avatar\">\n    \u003Cdiv class=\"avatar-img\">\n      \u003Cimg :src=\"appConfig.favicon\">\n    \u003C\u002Fdiv>\n\t\t\u003Cdiv class=\"author-info\">\n\t\t\t\u003Cdiv class=\"author-info__name\">\n\t\t\t\t{{ appConfig.title }}\n\t\t\t\u003C\u002Fdiv>\n\t\t\t\u003Cdiv class=\"author-info__description\">\n\t\t\t\t{{ appConfig.subtitle }}\n\t\t\t\u003C\u002Fdiv>\n\t\t\t\u003Cdiv class=\"status\"> \n\t\t\t\t在{{ dayjs(runtimeConfig.public.buildTime).locale('zh-cn').fromNow().replaceAll(\u002F\\s+\u002Fg,'') }}\n\t\t\t\u003C\u002Fdiv>\n\t\t\u003C\u002Fdiv>\n  \u003C\u002Fdiv>\n  \u003C!-- 添加的位置 结束 -->\n  \u003CZDlGroup :items=\"blogStats\" size=\"small\" \u002F>\n\u003C\u002FZWidget>\n\u003C\u002Ftemplate>\n\u003Cstyle lang=\"scss\">\n$status_backgroud: var(--status_backgroud);\n\n.avatar {\n\tdisplay: flex;\n\tgap: 10px;\n\tmargin-bottom: 5px;\n\n\t.avatar-img {\n\t\twidth: 70px;\n    \theight: 70px;\n\n\t\timg {\n\t\t\twidth: 100%;\n\t\t\theight: 100%;\n\t\t\t-o-object-fit: cover;\n\t\t\tobject-fit: cover;\n\t\t\tborder-radius: 10px;\n\t\t\ttransition: filter 375ms ease-in 0.2s, transform 0.3s;\n\t\t}\n\t}\n\t.author-info {\n\t\t.author-info__name {\n\t\t\tfont-size: 1.1em;\n\t\t\tcolor: var(--c-text);\n\t\t\tfont-weight: 550;\n\t\t}\n\t\t.status {\n\t\t\tbackground: $status_backgroud;\n\t\t\t--status_backgroud: rgba(60, 120, 60, .7);\n\t\t\ttext-align: center;\n\t\t\tborder-radius: 0.4rem;\n\t\t\tmargin-top: 7.7px;\n\t\t}\n\t}\n}\n\u003C\u002Fstyle>\n",[55,228,226],{"__ignoreMap":200},[198,230,231],{"v-slot:tab4":200},[202,232,236],{"className":233,"code":234,"filename":235,"language":208,"meta":209},[205],"\u003Cscript setup lang=\"ts\">\nimport { ref, onMounted } from 'vue';\nimport { siteLinkItems, siteLinkWidgetInfo } from '..\u002F..\u002Fsitelink'\nconst activeTab = ref(0); \u002F\u002F 默认激活第一个标签页\n\u003C\u002Fscript>\n\n\u003Ctemplate>\n  \u003CZWidget card v-for=\"WidgetInfo in siteLinkWidgetInfo\" :key=\"WidgetInfo.title\" :title=\"WidgetInfo.title\">\n    \u003Cdiv class=\"BlogSiteGroup\">\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        \u003Cdiv class=\"sitelink-list\">\n          \u003Cdiv class=\"sitelink-item\" v-for=\"(site, index) in siteLinkItems[activeTab].Item\" :key=\"index\">\n            \u003C!-- \u003Cimg width=\"80\" height=\"80\" :alt=\"site.name\" class=\"cover\" :src=\"site.image\"> -->\n            \u003Cmain>\n              \u003Cheader class=\"header\">\n                \u003Cdiv class=\"title\">\n                  {{ site.name }}\n                \u003C\u002Fdiv>\n                \u003Cdiv class=\"desc\">\n                  {{ site.desc }}\n                \u003C\u002Fdiv>\n              \u003C\u002Fheader>\n              \u003Csection>\n                \u003Cdiv class=\"badges\" v-for=\"service in site.service\" :key=\"service.name\">\n                  \u003CBadge :img=\"service.image\" :link=\"service.link\" :name=\"service.name\" style=\"margin-bottom: -3rem;\">\n                    {{ service.name }}\n                  \u003C\u002FBadge>\n                \u003C\u002Fdiv>\n              \u003C\u002Fsection>\n              \u003C!-- \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\u002FZWidget>\n\u003C\u002Ftemplate>\n\n\u003Cstyle lang=\"scss\" scoped>\n.float-in-leave-active {\n\tposition: revert;\n}\n\n.center {\n\twidth: fit-content;\n\tmax-width: 100%;\n\tmargin-inline: auto;\n}\n\n.tabs {\n\tdisplay: flex;\n\tflex-wrap: wrap;\n\tjustify-content: center;\n\tgap: 0.5em;\n\tposition: relative;\n\twidth: fit-content;\n\tmargin: 0 auto;\n\tfont-size: 0.9em;\n\tline-height: 1.4;\n}\n\nbutton {\n\tposition: relative;\n\tmargin-bottom: 0.5em;\n\tpadding: 0.3em 0.5em;\n\tborder-radius: 0.4em;\n\tcolor: var(--c-text-2);\n\ttransition: all 0.2s;\n\n\t&:hover {\n\t\tbackground-color: var(--c-bg-soft);\n\t\tcolor: var(--c-text);\n\t}\n\n\t&::before, &::after {\n\t\tdisplay: block;\n\t\tposition: absolute;\n\t\tbottom: -0.5em;\n\t\tinset-inline: 0.8em;\n\t\theight: 2px;\n\t\tborder-radius: 1em;\n\t\tpointer-events: none;\n\t}\n\n\t&::after {\n\t\tcontent: \"\";\n\t\tinset-inline: -0.8em;\n\t\tbackground-color: var(--c-border);\n\t}\n\n\t&.active {\n\t\tbox-shadow: 0 1px 0.5em var(--ld-shadow);\n\t\tbackground-color: var(--ld-bg-card);\n\t\tcolor: var(--c-text);\n\n\t\t&::before {\n\t\t\tcontent: \"\";\n\t\t\tbackground-color: var(--c-primary);\n\t\t\tz-index: 1;\n\t\t}\n\t}\n}\n\n.tab-content {\n\tpadding: 0.5em 0;\n}\n\n.sitelink-list {\n  gap: 1rem;\n  display: grid;\n  margin-top: 0.5rem;\n  .sitelink-item {\n    display: flex;\n    gap: 1rem;\n\n    main{\n      align-items: center;\n      display: grid;\n\n      .header {\n        display: flex;\n        gap: 5px;\n        justify-content: space-between;\n        align-items: center;\n\n        .title {\n          font-weight: 700;\n        }\n        .desc {\n          font-weight: 500;\n          font-size: 10px;\n        }\n      }\n      section {\n        display: flex;\n        margin-top: 5px;\n        flex-wrap: wrap;\n      }\n    }\n  }\n}\n\u003C\u002Fstyle>\n","BlogSiteInfo.vue",[55,237,234],{"__ignoreMap":200},[198,239,240],{"v-slot:tab5":200},[202,241,245],{"className":242,"code":243,"filename":244,"language":208,"meta":209},[205],"\u003Cscript setup lang=\"ts\">\nconst appConfig = useAppConfig()\nconst runtimeConfig = useRuntimeConfig()\nimport { NuxtTime } from '#components'\n\n\u002F\u002F 归档ts代码\nconst { data: stats } = useFetch('\u002Fapi\u002Fstats')\nconst yearlyTip = computed(() => {\n\tif (!stats.value)\n\t\treturn ''\n\treturn Object.entries(stats.value.annual).reverse().map(([year, item]) =>\n\t\t`${year}年：${item.posts}篇，${formatNumber(item.words)}字`,\n\t).join('\\n')\n})\n\nconst blogStats = [{\n  label: '文章数',\n  value: computed(() => stats.value ? formatNumber(stats.value.total.posts) : ''),\n  tip: yearlyTip,\n}, {\n  label: '总分类',\n  value: computed(() => stats.value ? formatNumber(stats.value.totalCategories) : ''),\n}, {\n  label: '总标签',\n  value: computed(() => stats.value ? formatNumber(stats.value.totalTags) : ''),\n}]\n\nconst blogAccountInfo = [{\n  herf: 'https:\u002F\u002Fmy.myxz.top\u002F',\n  title: '个人主页'\n}]\n\nconst iconNav= [\n  { icon: 'ph:github-logo-bold', text: 'GitHub: L33Z22L11', url: 'https:\u002F\u002Fgithub.com\u002FL33Z22L11' },\n  { icon: 'ph:rss-simple-bold', text: 'Atom订阅', url: '\u002Fatom.xml' },\n  { icon: 'ph:subway-bold', text: '开往', url: 'https:\u002F\u002Fwww.travellings.cn\u002Fgo-by-clouds.html' },\n]\n\u003C\u002Fscript>\n\n\u003Ctemplate>\n  \u003CZWidget card title=\"作者信息\">\n    \u003Cdiv class=\"cardInfo\">\n      \u003Cdiv class=\"is-center\">\n        \u003Cdiv class=\"avatar-img\">\n          \u003Cimg :src=\"appConfig.favicon\">\n        \u003C\u002Fdiv>\n        \u003Cdiv class=\"author-info__name\">\n          {{ appConfig.title }}\n        \u003C\u002Fdiv>\n        \u003Cdiv class=\"author-info__description\">\n          {{ appConfig.subtitle }}\n        \u003C\u002Fdiv>\n      \u003C\u002Fdiv>\n      \u003Cdiv class=\"card-info-data site-data is-center\">\n        \u003CZDlGroup :items=\"blogStats\" size=\"small\" \u002F>\n      \u003C\u002Fdiv>\n      \u003Ca class=\"cardInfoButton\" v-for=\"accountInfo in blogAccountInfo\" target=\"_blank\" :href=\"accountInfo.herf\" :key=\"accountInfo.title\">\n        {{ accountInfo.title }}\n      \u003C\u002Fa>\n      \u003Cdiv class=\"cardInfoSocialIcons is-center\">\n        \u003CZIconNavList :list=\"iconNav\" \u002F>\n      \u003C\u002Fdiv>\n    \u003C\u002Fdiv>\n  \u003C\u002FZWidget>\n\u003C\u002Ftemplate>\n\n\u003Cstyle lang=\"scss\" scoped>\n.cardInfo {\n  .is-center {\n    text-align: center;\n    .avatar-img {\n      width: 110px;\n      height: 110px;\n      overflow: hidden;\n      margin: 0px auto;\n      border-radius: 70px;\n\n      img {\n        width: 100%;\n        height: 100%;\n        object-fit: cover;\n        transition: filter 375ms ease-in 0.2s, transform 0.3s;\n      }\n    }\n    .author-info__name{\n      margin-top: 14px;\n      font-size: 1.5em;\n    }\n    .author-info__description {\n      font-size: 15px;\n    }\n  }\n  .card-info-data.site-data.is-center {\n    margin-top: 14px;\n  }\n  .cardInfoButton {\n    display: block;\n    margin-top: 14px;\n    background-color: var(--c-bg-soft);\n    color: var(--c-text);\n    text-align: center;\n    line-height: 2.4;\n    border-radius: 0.5em;\n  }\n  .cardInfoSocialIcons {\n    margin-top: 14px;\n  }\n}\n\u003C\u002Fstyle>\n","BlogAccount.vue",[55,246,243],{"__ignoreMap":200},[198,248,249],{"v-slot:tab6":200},[202,250,254],{"className":251,"code":252,"filename":253,"language":208,"meta":209},[205],"\u003Ctemplate>\n\u003CBlogWidget card title=\"翻转查看\" right-type=\"desc\" desc=\"查看最新交流群\">\n\u003Cdiv class=\"QQ\">\n  \u003Cdiv class=\"flip\">\n    \u003Cdiv class=\"wc-card face front\">\n      \u003CNuxtImg src=\"\u002Fimage\u002FDefineAssets\u002FWidget\u002FFlip_QQ\u002FSide_Front.svg\" class=\"cardImage\"\u002F>\n    \u003C\u002Fdiv>\n    \u003Cdiv class=\"wc-card face back\">\n      \u003CNuxtImg src=\"\u002Fimage\u002FDefineAssets\u002FWidget\u002FFlip_QQ\u002FSide_Back.svg\" class=\"cardImage\"\u002F>\n    \u003C\u002Fdiv>\n  \u003C\u002Fdiv>\n\u003C\u002Fdiv>\n\u003C\u002FBlogWidget>\n\u003C\u002Ftemplate>\n\n\u003Cstyle lang=\"scss\" scoped>\n:deep(.widget-body) {\n  padding: 0!important;\n}\n.QQ {\n  perspective: 800px;\n  \u002F\u002F background-color: #008000b3;\n  justify-content: center;\n  height: 100%;\n  display: flex;\n  container-type: inline-size;\n}\n.cardImage {\n  width: 100%;\n}\n.flip {\n  width: 80%;\n  height: 100px;\n  transform-style: preserve-3d;\n  transition: transform .8s;\n  position: relative;\n  &:hover {\n    -webkit-transform: rotateY(180deg);\n    transform: rotateY(180deg);\n    backface-visibility: hidden;\n    -webkit-backface-visibility: hidden;\n  }\n  .face {\n    backface-visibility: hidden;\n    justify-content: center;\n    width: 100%;\n    height: 100%;\n    display: flex;\n    position: absolute;\n    .cardImage {\n      width: 100%\n    }\n  }\n  .back {\n    transform: rotateY(180deg);\n    -webkit-transform: rotateY(180deg);\n  }\n}\n.front, .back {\n  display: flex;\n  justify-content: center;\n  flex-wrap: nowrap;\n  position: absolute;\n  height: 100%;\n  width: 100%;\n  backface-visibility: hidden;\n  -webkit-backface-visibility: hidden;\n}\n#card-tuijian#card-tuijian#card-tuijian#card-tuijian {\n  height: 100px;\n  padding: 0 0.8rem;\n  -moz-user-select: none;\n  -khtml-user-select: none;\n  user-select: none;\n}\n\u003C\u002Fstyle>\n","BlogFlip.vue",[55,255,252],{"__ignoreMap":200},[21,257,258],{"id":258},"渲染模块数据模块",[194,260,262],{":tabs":261},"[\"站点详情\"]",[198,263,264],{"v-slot:tab1":200},[202,265,271],{"className":266,"code":268,"filename":166,"language":269,"meta":270},[267],"language-ts","export interface siteInfo {\n    title: string\n}\n\nexport 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 siteLinkWidgetInfo: siteInfo[] = [\n    {\n        title: '站点线路',\n    }\n]\n\nexport const siteLinkItems: siteTabs[] = [\n    {\n        name: '镜像站点',\n        itemnumber: '3',\n        Item: [\n            {\n                name: '博客镜像',\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\u002Fblog-v3.edgeone.mirrors.myxz.top\"\n                    },\n                    {\n                        name: \"Vercel\",\n                        image: \"\u002Fassets\u002Fimg\u002Flink\u002Fservice\u002Fvercel.jpg\",\n                        link: \"https:\u002F\u002Fblog-v3.vercel.mirrors.myxz.top\"\n                    },\n                    {\n                        name: \"Netlify\",\n                        image: \"\u002Fassets\u002Fimg\u002Flink\u002Fservice\u002Fnetlify.jpg\",\n                        link: \"https:\u002F\u002Fblog-v3.netifly.mirrors.myxz.top\"\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: '\u002Fassets\u002Fimg\u002Flink\u002Fservice\u002Fedgeone.jpg', \n                        link: \"\" \n                    }\n                ],\n            }\n        ]\n    },\n]\n","ts","lang=\"ts\"",[55,272,268],{"__ignoreMap":200},{"title":200,"searchDepth":274,"depth":274,"links":275},4,[276,278,286,287],{"id":12,"depth":277,"text":12},2,{"id":19,"depth":277,"text":19,"children":279},[280,282,283,284,285],{"id":23,"depth":281,"text":24},3,{"id":37,"depth":281,"text":38},{"id":69,"depth":281,"text":70},{"id":113,"depth":281,"text":114},{"id":127,"depth":281,"text":114},{"id":137,"depth":277,"text":137},{"id":189,"depth":277,"text":189,"children":288},[289,290],{"id":192,"depth":281,"text":192},{"id":258,"depth":281,"text":258},[292],"站点魔改","2025-12-04 10:00:00","该文章记录了项目版本迭代中的UI优化与功能调整，包括站点详情卡片组件化改造（采用Badge组件优化布局）、分类卡片新增文章数量统计功能（重新严重问题）、标签卡片新增文章标签统计功能、博主信息模块的拆分与重构，同时删除了冗余的左侧图片和完整博主卡片，最终形成模块化组件结构（涉及5个核心组件及数据调用逻辑调整）。",false,"md","\u002Fimage\u002FPostCover\u002FsmallCard.avif",{"slots":299},{},true,"\u002F2025\u002F12\u002Fsmallcardadd",null,{"text":304,"minutes":305,"time":306,"words":307},"10 min read",9.745,584700,1949,5,{"title":5,"description":294},{"loc":301},"posts\u002F2025\u002F12\u002FsmallCardAdd",[313,314,315],"Nuxt","魔改","美化","tech","2025-12-04 20:49:00","SseM8but4EZk0t3v6-16sUw6e8Bxs_iLfFpgdghj9A0",[320,336,351,365,379,392,405,417,431,443,454,468,482,497,510,527,541,556,571,586,590,606,623,639,651,665,679,691,705,717,727,739,751,764,775,786,799,808],{"categories":321,"date":323,"description":324,"image":302,"path":325,"readingTime":326,"recommend":302,"tags":331,"title":334,"type":316,"updated":335},[322],"技术探索","2023-12-06 12:45:00","本篇转载三种不同方案（已经放好原文章链接）","\u002F2023\u002F03\u002Fessaythree",{"text":327,"minutes":328,"time":329,"words":330},"48 min read",47.34,2840400,9468,[332,333,315],"hexo","butterfly","即刻短文的三种部署方案","2023-12-07 14:09:00",{"categories":337,"date":338,"description":339,"image":340,"path":341,"readingTime":342,"recommend":347,"tags":348,"title":349,"type":316,"updated":350},[292],"2024-04-19 10:00:00","友链页面美化以及添加功能","\u002Fimage\u002FPostCover\u002FflinkPage.avif","\u002F2024\u002F04\u002Fflinkpagemeihua",{"text":343,"minutes":344,"time":345,"words":346},"11 min read",10.8,648000,2160,1,[332,333],"友链魔改","2025-04-19 12:09:00",{"categories":352,"date":353,"description":354,"image":355,"path":356,"readingTime":357,"recommend":347,"tags":362,"title":363,"type":316,"updated":364},[292],"2025-02-05 09:00:00","这篇文章讲述在博客中对导航栏进行修改，并添加多个产品页面地址，且采用安知鱼的导航栏CSS样式表。","\u002Fimage\u002FPostCover\u002FnavMuogai.avif","\u002F2025\u002F02\u002Fbutterflynavadd",{"text":358,"minutes":359,"time":360,"words":361},"9 min read",8.585,515100,1717,[332,333],"butterfly导航栏修改方案","2025-03-05 10:00:00",{"categories":366,"date":367,"description":368,"image":369,"path":370,"readingTime":371,"recommend":347,"tags":376,"title":377,"type":316,"updated":378},[292],"2025-02-27 10:10:55","本篇文章讲述了如何在博客的底部模块进行魔改添加图标、来源图片、返回顶部以及建站时间，对建站时间进行js内联到模块中。","\u002Fimage\u002FPostCover\u002FfooterMeihua.avif","\u002F2025\u002F02\u002Ffooterqcqxstyle",{"text":372,"minutes":373,"time":374,"words":375},"4 min read",3.31,198600,662,[332,333,315],"轻笑底部美化","2025-02-28 10:00:00",{"categories":380,"date":381,"description":382,"image":383,"path":384,"readingTime":385,"recommend":302,"tags":389,"title":390,"type":316,"updated":391},[292],"2025-03-24 08:00:09","这篇简述如何给自己博客中的归档、分类、标签页三个页面的文章卡片加上所属分类和标签，并说明了具体的实践环境，以最大限度的方式进行CSS美化。但也请注意要经常备份以免出现大量错误。","\u002Fimage\u002FPostCover\u002FarchiveMougai.avif","\u002F2025\u002F03\u002Farchivemougai",{"text":372,"minutes":386,"time":387,"words":388},3.08,184800,616,[332,333],"给页面加上所属分类和标签以及美化","2025-03-24 10:56:09",{"categories":393,"date":394,"description":395,"image":396,"path":397,"readingTime":398,"recommend":302,"tags":402,"title":403,"type":316,"updated":404},[292],"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":372,"minutes":399,"time":400,"words":401},3.48,208800,696,[332,333],"美化文章卡片显示数字","2025-03-06 18:00:00",{"categories":406,"date":394,"description":407,"image":408,"path":409,"readingTime":410,"recommend":302,"tags":415,"title":416,"type":316,"updated":404},[292],"这篇文章讲述如何在页面中添加模块以及使用CSS添加颜色以及背景图片。","https:\u002F\u002Fsourceimage.s3.bitiful.net\u002Fimg\u002Fdefault_cover_21.avif","\u002F2025\u002F03\u002Fbackgroud-qcqx",{"text":411,"minutes":412,"time":413,"words":414},"1 min read",0.71,42600,142,[332,333],"轻笑风格背景",{"categories":418,"date":419,"description":420,"image":421,"path":422,"readingTime":423,"recommend":302,"tags":428,"title":429,"type":316,"updated":430},[292],"2025-03-24 09:00:00","本文章以安知鱼的页面文件为模版进行大幅度修改，仿轻笑的关于页面的模块摆放以及调整CSS样式来进行细致魔改。","\u002Fimage\u002FPostCover\u002FbtfAboutPage.avif","\u002F2025\u002F03\u002Fbtfaboutpage",{"text":424,"minutes":425,"time":426,"words":427},"24 min read",23.275,1396500,4655,[332,333],"关于页面(butterfly)","2025-03-25 11:20:00",{"categories":432,"date":394,"description":433,"image":434,"path":435,"readingTime":436,"recommend":302,"tags":441,"title":442,"type":316,"updated":404},[292],"这篇文章讲述了如何美化博客侧边栏，并调整各个卡片内容的样式表。","\u002Fimage\u002FPostCover\u002FcardMeihua.avif","\u002F2025\u002F03\u002Fcardmeihua",{"text":437,"minutes":438,"time":439,"words":440},"5 min read",4.77,286200,954,[332,333],"卡片美化",{"categories":444,"date":394,"description":445,"image":446,"path":447,"readingTime":448,"recommend":302,"tags":452,"title":453,"type":316,"updated":404},[292],"从零开始魔改butterfly","\u002Fimage\u002FPostCover\u002FfunctionMeihua.avif","\u002F2025\u002F03\u002Ffunctionmeihua",{"text":411,"minutes":449,"time":450,"words":451},0.345,20700,69,[332,333],"功能美化",{"categories":455,"date":456,"description":457,"image":458,"path":459,"readingTime":460,"recommend":302,"tags":465,"title":466,"type":316,"updated":467},[292],"2025-03-01 10:00:00","本文依照轻笑的部分内容，参考首页banner写法以及对首页banner添加鼠标滚动以及移动端滑动，通过CSS样式进行美化整个首页banner，此篇文章重点讲述了如何解决轻笑给的js内容在首页会出现不断加载的问题。","\u002Fimage\u002FPostCover\u002FrandomPost.avif","\u002F2025\u002F03\u002Frandompost",{"text":461,"minutes":462,"time":463,"words":464},"6 min read",5.595,335700,1119,[332,333,315],"Banner随机文章展示(轻笑同款)","2025-03-05 12:09:00",{"categories":469,"date":470,"description":471,"image":472,"path":473,"readingTime":474,"recommend":478,"tags":479,"title":480,"type":316,"updated":481},[292],"2025-08-11 10:00:00","本篇文章讲述了添加模块代码并在博客的友情链接中添加模块，且使用css美化","\u002Fimage\u002FPostCover\u002FlinkTop.avif","\u002F2025\u002F08\u002Flinktop",{"text":358,"minutes":475,"time":476,"words":477},8.88,532800,1776,11,[313,314,315],"在友链页面添加滚动头像banner","2025-08-11 20:49:00",{"categories":483,"date":484,"description":485,"image":486,"path":487,"readingTime":488,"recommend":493,"tags":494,"title":495,"type":316,"updated":496},[292],"2025-08-22 10:00:00","近期将博客迁移至Nuxt框架时，重新搭建了「关于页面」。过程中添加了技能展示组件（skillinfo.vue），实现标签分组渲染；新建about.vue页面，整合个人信息、技能、偏好等多模块内容，并通过ts定义数据接口（about.ts\u002Fcreativity.ts）。","\u002Fimage\u002FPostCover\u002FnuxtAboutPage.avif","\u002F2025\u002F08\u002Fnuxtaboutpage",{"text":489,"minutes":490,"time":491,"words":492},"16 min read",15.92,955200,3184,10,[313,314,315],"关于页面(Nuxt)","2025-09-01 20:49:00",{"categories":498,"date":499,"description":500,"image":501,"path":502,"readingTime":503,"recommend":507,"tags":508,"title":509,"type":316,"updated":496},[292],"2025-09-02 10:00:00","本篇文章主要简述了如何给Nuxt框架添加站点详情","https:\u002F\u002Fwww.yjluo.top\u002Fimage\u002FPostCover\u002FsiteInfo.avif","\u002F2025\u002F09\u002Fsitelinkpageadd",{"text":437,"minutes":504,"time":505,"words":506},4.38,262800,876,9,[313,314,315],"添加站点详情页面",{"categories":511,"date":513,"description":514,"image":515,"path":516,"readingTime":517,"recommend":302,"tags":521,"title":524,"type":525,"updated":526},[512],"日志记录","2025-12-28 10:00:00","该文章详细记录了2025年中的上下半年所做的事情，并且还透露出后续计划中会干什么。而在前言中也写到此文为水字数而出，上下半年均写到更换框架与服务有关于的内容。对于未来计划中提到了要对一些网站进行恢复、以及明年将在文章中加入与自创小说有关的内容","\u002Fimage\u002FPostCover\u002FannualSummary.avif","\u002F2025\u002F12\u002Fannualsummary",{"text":372,"minutes":518,"time":519,"words":520},3.855,231300,771,[522,523],"总结",2025,"年度总结：旧去新","story","2025-12-28 20:49:00",{"categories":528,"date":529,"description":530,"image":531,"path":532,"readingTime":533,"recommend":507,"tags":538,"title":539,"type":316,"updated":540},[292],"2025-12-01 10:00:00","该文章详细介绍了基于Vue3+TypeScript开发的豆瓣追更记录系统，采用组件化架构实现两栏筛选菜单、动态加载动画和卡片式作品展示，通过Pinia状态管理+Vite构建工具实现数据流管理，集成防抖加载、虚拟滚动等性能优化方案。","\u002Fimage\u002FPostCover\u002FbanguimPage.avif","\u002F2025\u002F12\u002Fbanguimpageadd",{"text":534,"minutes":535,"time":536,"words":537},"23 min read",22.175,1330500,4435,[313,314,315],"添加追更历史","2025-12-01 20:49:00",{"categories":542,"date":543,"description":544,"image":545,"path":546,"readingTime":547,"recommend":552,"tags":553,"title":554,"type":316,"updated":555},[292],"2025-12-23 10:00:00","该文章介绍Nuxt博客适配中评论模块的Vue组件实现与Artalk评论系统单例管理逻辑，并提供具体的适配评论表情包的Json信息，评论功能有着KaTeX数学公式渲染、图片灯箱、动态监听以及管理逻辑的初始化、计数、暗黑模式切换等方式。","\u002Fimage\u002FPostCover\u002FcommentMeihua.avif","\u002F2025\u002F12\u002Fcommentadd",{"text":548,"minutes":549,"time":550,"words":551},"32 min read",31.72,1903200,6344,8,[313,314,315],"评论优化","2026-03-01 20:49:00",{"categories":557,"date":558,"description":559,"image":560,"path":561,"readingTime":562,"recommend":567,"tags":568,"title":569,"type":316,"updated":570},[292],"2025-12-03 10:05:09","该博客持续维护Nuxt框架博客系统，新增装备页面实现硬件\u002F外设分类展示，支持动态过滤、标签筛选与规格参数渲染，通过TypeScript定义数据接口，结合Vue3响应式布局与SCSS响应式设计，完成设备卡片动态加载、悬停动效及跨端适配优化，集成评论跳转与购买信息展示功能。","\u002Fimage\u002FPostCover\u002FequipmentPage.avif","\u002F2025\u002F12\u002Fequipmentpageadd",{"text":563,"minutes":564,"time":565,"words":566},"8 min read",7.28,436800,1456,7,[313,314,315],"添加装备页面","2025-12-03 20:49:09",{"categories":572,"date":573,"description":574,"image":575,"path":576,"readingTime":577,"recommend":582,"tags":583,"title":584,"type":316,"updated":585},[292],"2025-12-09 10:00:00","该文章记录了项目版本迭代中的UI优化与功能调整，包括增加可后期换配置且内置移动到赞赏总览触发效果的打赏弹窗、优化头部封面移动端预览、增加版权图标虚化及打赏入口、将本地desc预览改ai摘要样式、增加版权卡片及更换头部信息样式。","\u002Fimage\u002FPostCover\u002FpostMeihua.avif","\u002F2025\u002F12\u002Fpostpagexiugai",{"text":578,"minutes":579,"time":580,"words":581},"12 min read",11.165,669900,2233,6,[313,314,315],"文章美化","2025-12-09 20:49:00",{"categories":587,"date":293,"description":294,"image":297,"path":301,"readingTime":588,"recommend":308,"tags":589,"title":5,"type":316,"updated":317},[292],{"text":304,"minutes":305,"time":306,"words":307},[313,314,315],{"categories":591,"date":592,"description":593,"image":594,"path":595,"readingTime":596,"recommend":302,"tags":601,"title":604,"type":316,"updated":605},[292],"2026-01-27 10:00:00","自定义全局的样式颜色，具有对特定CSS中所具有的自定义样式颜色来进行整合，并且作者还顺便水了一篇文章","\u002Fimage\u002FPostCover\u002FcolorStyleAll.avif","\u002F2026\u002F01\u002Fcolorstyleall",{"text":597,"minutes":598,"time":599,"words":600},"14 min read",13.155,789300,2631,[602,603],"全局颜色","自定义","自定义全局颜色","2026-01-27 20:49:00",{"categories":607,"date":608,"description":609,"image":610,"path":611,"readingTime":612,"recommend":302,"tags":617,"title":621,"type":316,"updated":622},[322],"2026-01-11 10:00:00","这篇文章是一篇实战经验分享，主要讲解了如何利用腾讯云的EdgeOne边缘安全加速平台，为网站字体等静态资源搭建一个自定义的、高性能的镜像加速服务。","\u002Fimage\u002FPostCover\u002FjsdmEdge.avif","\u002F2026\u002F01\u002Fjsdmedge",{"text":613,"minutes":614,"time":615,"words":616},"3 min read",2.72,163200,544,[618,619,620],"镜像","EdgeOne","jsdmirror","使用EdgeOne CDN搭建自用Jsd镜像","2026-01-11 20:49:00",{"categories":624,"date":625,"description":626,"image":627,"path":628,"readingTime":629,"recommend":302,"tags":634,"title":637,"type":316,"updated":638},[322],"2026-01-28 19:00:00","本文是一篇关于 Komari Monitor（一款服务器监控系统）的详细介绍与实用指南。文章以作者个人经验为引，对比了哪吒监控（V0\u002FV1版本）与 Komari 在各方面的差异，并逐步演示了如何部署、配置和使用 Komari。","\u002Fimage\u002FPostCover\u002FkomariMonitor.avif","\u002F2026\u002F01\u002Fkomarimonitor",{"text":630,"minutes":631,"time":632,"words":633},"7 min read",6.86,411600,1372,[635,636],"探针","监控","komari：全新的探针站点","2026-01-29 13:00:00",{"categories":640,"date":641,"description":294,"image":642,"path":643,"readingTime":644,"recommend":274,"tags":648,"title":649,"type":316,"updated":650},[292],"2026-01-01 10:00:00","\u002Fimage\u002FPostCover\u002FNewYear.avif","\u002F2026\u002F01\u002Fnewyear",{"text":613,"minutes":645,"time":646,"words":647},2.15,129000,430,[313,314,315],"踏入2026：目标新方向","2026-01-01 20:49:00",{"categories":652,"date":653,"description":654,"image":655,"path":656,"readingTime":657,"recommend":302,"tags":662,"title":663,"type":525,"updated":664},[292],"2026-01-05 10:00:00","该文章记录了项目中对于字体、图片以及构建产物等静态资源的优化与处理，并且表示自身对于图片的存放位置进行优化。","\u002Fimage\u002FPostCover\u002FsiteAssets.avif","\u002F2026\u002F01\u002Fsiteassets",{"text":658,"minutes":659,"time":660,"words":661},"2 min read",1.82,109200,364,[313,314,315],"站点资源优化","2026-01-07 20:49:00",{"categories":666,"date":668,"description":669,"image":670,"path":671,"readingTime":672,"recommend":302,"tags":676,"title":677,"type":316,"updated":678},[667],"日常随笔","2026-01-12 10:00:00","该文章主要写了对于低价机器的试水，并提醒是超开类型的机器。在测试的过程中发现机器性能较高，且展示出机器的具体价格，并单独列出只有精简版未采用完整版测试。","\u002Fimage\u002FPostCover\u002FvpsTalk.avif","\u002F2026\u002F01\u002Fvpstalk",{"text":489,"minutes":673,"time":674,"words":675},15.545,932700,3109,[313,314,315],"随笔：低价主机试水","2026-01-12 20:49:00",{"categories":680,"date":681,"description":682,"image":670,"path":683,"readingTime":684,"recommend":302,"tags":688,"title":689,"type":316,"updated":690},[667],"2026-01-30 10:00:00","该文章主要写了对于大容量硬盘主机的试水。在测试的过程中发现机器性能较高，且展示出机器的具体价格，并单独列出只有精简版未采用完整版测试。","\u002F2026\u002F01\u002Fvpstalk-2",{"text":597,"minutes":685,"time":686,"words":687},13.965,837900,2793,[313,314,315],"随笔：大容量主机测试","2026-01-30 20:49:00",{"categories":692,"date":693,"description":694,"image":695,"path":696,"readingTime":697,"recommend":347,"tags":702,"title":703,"type":316,"updated":704},[292],"2026-02-20 10:00:00","该文章展示多个以鸣潮为主题的档案组件，包含具体代码、属性表格对应、预览整体组件、写法展示四种类型，并在文章末尾附加更新报告。","\u002Fimage\u002FPostCover\u002FWutheringWavesPostWidget.avif","\u002F2026\u002F02\u002Fwutheringwavespostwidget",{"text":698,"minutes":699,"time":700,"words":701},"100 min read",99.23,5953800,19846,[313,314,315],"【鸣潮】档案文章组件","2026-02-26 10:00:00",{"categories":706,"date":707,"description":669,"image":708,"path":709,"readingTime":710,"recommend":302,"tags":714,"title":715,"type":316,"updated":716},[322],"2026-02-03 10:00:00","\u002Fimage\u002FPostCover\u002FfnosInstall.avif","\u002F2026\u002F02\u002Ffnosinstall",{"text":358,"minutes":711,"time":712,"words":713},8.91,534600,1782,[313,314,315],"给老MAC升级为飞牛OS","2026-02-05 20:49:00",{"categories":718,"date":707,"description":669,"image":719,"path":720,"readingTime":721,"recommend":302,"tags":725,"title":726,"type":316,"updated":716},[292],"\u002Fimage\u002FPostCover\u002FmacBookPerformancTest.avif","\u002F2026\u002F02\u002Fmacbookperformanctest",{"text":613,"minutes":722,"time":723,"words":724},2.47,148200,494,[313,314,315],"【精简】测试老MAC性能",{"categories":728,"date":729,"description":669,"image":730,"path":731,"readingTime":732,"recommend":302,"tags":736,"title":737,"type":316,"updated":738},[292],"2026-02-04 10:00:00","\u002Fimage\u002FPostCover\u002FmusicInstall.avif","\u002F2026\u002F02\u002Fmusicinstall",{"text":358,"minutes":733,"time":734,"words":735},8.19,491400,1638,[313,314,315],"【本地+云端】搭建道理鱼音乐","2026-02-06 20:49:00",{"categories":740,"date":741,"description":669,"image":742,"path":743,"readingTime":744,"recommend":281,"tags":748,"title":749,"type":316,"updated":750},[292],"2026-03-03 10:00:00","\u002Fimage\u002FPostCover\u002FfooterNuxtMeihua.avif","\u002F2026\u002F03\u002Ffooternuxtmeihua",{"text":372,"minutes":745,"time":746,"words":747},3.235,194100,647,[313,314,315],"页脚魔改(Nuxt版本)","2026-03-06 10:00:00",{"categories":752,"date":753,"description":669,"image":742,"path":754,"readingTime":755,"recommend":277,"tags":760,"title":762,"type":316,"updated":763},[292],"2026-03-21 14:00:00","\u002F2026\u002F03\u002Fsteamgamepage",{"text":756,"minutes":757,"time":758,"words":759},"18 min read",17.265,1035900,3453,[313,761],"页面","游戏展示页面","2026-03-22 10:00:00",{"categories":765,"date":766,"description":669,"image":742,"path":767,"readingTime":768,"recommend":347,"tags":772,"title":773,"type":316,"updated":774},[292],"2026-04-11 14:00:00","\u002F2026\u002F04\u002Fessaynuxtpage",{"text":461,"minutes":769,"time":770,"words":771},5.93,355800,1186,[313,761],"说说页面（Nuxt版本）","2026-04-11 22:00:00",{"categories":776,"date":777,"description":669,"image":742,"path":778,"readingTime":779,"recommend":347,"tags":783,"title":784,"type":316,"updated":785},[292],"2026-04-13 14:00:00","\u002F2026\u002F04\u002Fhotnuxtpage",{"text":358,"minutes":780,"time":781,"words":782},8.985,539100,1797,[313,761],"热搜页面（Nuxt版本）","2026-04-13 22:00:00",{"categories":787,"date":789,"description":514,"image":790,"path":791,"readingTime":792,"recommend":302,"tags":796,"title":797,"type":525,"updated":798},[788],"自设记录","2025-12-29 10:00:00","https:\u002F\u002Fsourceimage.s3.bitiful.net\u002Fpost\u002Fimg\u002FannualSummary\u002Fcover.webp","\u002Fnovel\u002Fworld\u002Fharmworld",{"text":658,"minutes":793,"time":794,"words":795},1.31,78600,262,[522,523],"世界志：鸿蒙界","2025-12-29 20:49:00",{"categories":800,"date":789,"description":514,"image":790,"path":801,"readingTime":802,"recommend":302,"tags":806,"title":807,"type":525,"updated":798},[788],"\u002Fnovel\u002Fworld\u002Flmmortalgod",{"text":630,"minutes":803,"time":804,"words":805},6.295,377700,1259,[522,523],"世界志：仙神界",{"categories":809,"date":789,"description":514,"image":790,"path":810,"readingTime":811,"recommend":302,"tags":815,"title":816,"type":525,"updated":798},[788],"\u002Fnovel\u002Fworld\u002Fdh",{"text":658,"minutes":812,"time":813,"words":814},1.65,99000,330,[522,523],"世界志：大荒",[818,820],{"title":569,"path":561,"stem":819,"date":558,"type":316,"children":-1},"posts\u002F2025\u002F12\u002FequipmentPageAdd",{"title":584,"path":576,"stem":821,"date":573,"type":316,"children":-1},"posts\u002F2025\u002F12\u002FpostPageXiuGai",1776745735012]