[{"data":1,"prerenderedAt":845},["ShallowReactive",2],{"\u002F2025\u002F12\u002Fsmallcardadd":3,"index_posts":319,"surround-\u002F2025\u002F12\u002Fsmallcardadd":840},{"id":4,"title":5,"ModelAssets":6,"ModelName":6,"ModelPortrait":6,"ModelQuality":6,"body":7,"categories":292,"date":294,"description":295,"draft":296,"extension":297,"image":298,"meta":299,"navigation":301,"path":302,"permalink":6,"published":6,"readingTime":303,"recommend":308,"references":6,"seo":309,"sitemap":310,"stem":311,"subtitle":6,"tags":312,"type":316,"updated":317,"__hash__":318},"content\u002Fposts\u002F2025\u002F12\u002FsmallCardAdd.md","侧边组件美化",null,{"type":8,"value":9,"toc":274},"minimark",[10,14,18,21,26,29,36,40,42,47,50,68,72,75,102,104,112,116,118,126,129,131,136,139,188,191,194,257,260],[11,12,13],"h2",{"id":13},"前言",[15,16,17],"p",{},"由于最近的累计魔改的内容已经多到需要记录了，索性也写成一篇魔改文章。",[11,19,20],{"id":20},"功能增加与删减",[22,23,25],"h3",{"id":24},"v20260304-official","V20260304-OFFICIAL",[15,27,28],{},"增加内容",[30,31,32],"ul",{},[33,34,35],"li",{},"翻转式二维码组件",[22,37,39],{"id":38},"v20251210-official","V20251210-OFFICIAL",[15,41,28],{},[30,43,44],{},[33,45,46],{},"由标签展示卡片代替掉分类展示卡片",[15,48,49],{},"删减内容",[30,51,52],{},[33,53,54,55,59,60,63,64,67],{},"分类展示卡片导致其首页",[56,57,58],"code",{"code":58},"index.vue","中的渲染逻辑出现错误，导致了无法正常渲染出",[56,61,62],{"code":62},"精选文章卡片","、",[56,65,66],{"code":66},"文章具体分类","，需要切换到其他页面或者文章再切回才能正常渲染",[22,69,71],{"id":70},"v20251130-official","V20251130-OFFICIAL",[15,73,74],{},"新增内容",[30,76,77,92,95],{},[33,78,79,80,83,84,87,88,91],{},"站点详情卡片中的镜像节点采用",[56,81,82],{"code":82},"Badge","组件，在标题栏中的",[56,85,86],{"code":86},"title","与",[56,89,90],{"code":90},"description","排列为一行。",[33,93,94],{},"在分类卡片中的单个分类新增向上标头，让读者查看站点中的分类中有多少篇文章",[33,96,97,98,101],{},"将博主信息简略到",[56,99,100],{"code":100},"BlogStats.vue","中，且增加了在几个小时前在线（该功能暂时还未写完，有兴趣者可以二开）",[15,103,49],{},[30,105,106,109],{},[33,107,108],{},"站点详情卡片中的左侧图片进行删除，在ts文件中进行删除掉",[33,110,111],{},"博主信息卡片不在保留，但在该文章中会进行写出来（有兴趣者可以二开）",[22,113,115],{"id":114},"v20251120-official","V20251120-OFFICIAL",[15,117,74],{},[30,119,120,123],{},[33,121,122],{},"增加站点详情卡片，套用了测试文件（暂时无需删除）",[33,124,125],{},"增加在分类卡片中的单个分类新增向上标头，让读者查看站点中的文章分布在哪些分类中。",[22,127,115],{"id":128},"v20251120-official-1",[15,130,74],{},[30,132,133],{},[33,134,135],{},"增加博主信息卡片",[11,137,138],{"id":138},"目录结构",[30,140,141,147,153,159,169,176,182],{},[33,142,143,146],{},[56,144,145],{"code":145},"\u002Fapp\u002Fcomponents\u002Fwidget\u002FBlogTag.vue","：标签卡片展示，自动匹配当前站点所有文章的所属标签，并通过该标签中的文章数量进行计数",[33,148,149,152],{},[56,150,151],{"code":151},"\u002Fapp\u002Fcomponents\u002Fwidget\u002FBlogArchive.vue","：分类卡片展示，自动匹配当前站点所有文章的所属分类，并通过该分类中的文章数量进行计数（出现重大bug，因不在推荐使用）",[33,154,155,158],{},[56,156,157],{"code":157},"\u002Fapp\u002Fcomponents\u002Fwidget\u002FBlogStats.vue","：服务卡片的魔改文件，通过增加上方的博主信息来完成魔改",[33,160,161,164,165,168],{},[56,162,163],{"code":163},"\u002Fapp\u002Fcomponents\u002Fwidget\u002FBlogSiteInfo.vue","：站点详情卡片展示，通过调用",[56,166,167],{"code":167},"sitelink.ts","完成数据展示。",[33,170,171,164,174,168],{},[56,172,173],{"code":173},"\u002Fapp\u002Fsitelink.ts",[56,175,167],{"code":167},[33,177,178,181],{},[56,179,180],{"code":180},"\u002Fapp\u002Fcomponents\u002Fwidget\u002FBlogAccount.vue","：博主信息卡片，是博主信息实践的初代版本，后因占用过大而被撤下。",[33,183,184,187],{},[56,185,186],{"code":186},"\u002Fapp\u002Fcomponents\u002Fwidget\u002FBlogFlip.vue","：翻转式二维码组件，可以自由添加内容（请勿商用，字体来源方规定）",[11,189,190],{"id":190},"教程开始",[22,192,193],{"id":193},"主渲染组件模块",[195,196,198,213,222,230,239,248],"tab",{":tabs":197},"[\"标签详情\", \"分类详情（请勿使用）\", \"服务卡片\", \"站点详情\", \"博主信息\", \"翻转式二维码\"]",[199,200,202],"template",{"v-slot:tab1":201},"",[203,204,211],"pre",{"className":205,"code":207,"filename":208,"language":209,"meta":210},[206],"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\"",[56,212,207],{"__ignoreMap":201},[199,214,215],{"v-slot:tab2":201},[203,216,220],{"className":217,"code":218,"filename":219,"language":209,"meta":210},[206],"\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",[56,221,218],{"__ignoreMap":201},[199,223,224],{"v-slot:tab3":201},[203,225,228],{"className":226,"code":227,"filename":100,"language":209,"meta":210},[206],"\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",[56,229,227],{"__ignoreMap":201},[199,231,232],{"v-slot:tab4":201},[203,233,237],{"className":234,"code":235,"filename":236,"language":209,"meta":210},[206],"\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",[56,238,235],{"__ignoreMap":201},[199,240,241],{"v-slot:tab5":201},[203,242,246],{"className":243,"code":244,"filename":245,"language":209,"meta":210},[206],"\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",[56,247,244],{"__ignoreMap":201},[199,249,250],{"v-slot:tab6":201},[203,251,255],{"className":252,"code":253,"filename":254,"language":209,"meta":210},[206],"\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",[56,256,253],{"__ignoreMap":201},[22,258,259],{"id":259},"渲染模块数据模块",[195,261,263],{":tabs":262},"[\"站点详情\"]",[199,264,265],{"v-slot:tab1":201},[203,266,272],{"className":267,"code":269,"filename":167,"language":270,"meta":271},[268],"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\"",[56,273,269],{"__ignoreMap":201},{"title":201,"searchDepth":275,"depth":275,"links":276},4,[277,279,287,288],{"id":13,"depth":278,"text":13},2,{"id":20,"depth":278,"text":20,"children":280},[281,283,284,285,286],{"id":24,"depth":282,"text":25},3,{"id":38,"depth":282,"text":39},{"id":70,"depth":282,"text":71},{"id":114,"depth":282,"text":115},{"id":128,"depth":282,"text":115},{"id":138,"depth":278,"text":138},{"id":190,"depth":278,"text":190,"children":289},[290,291],{"id":193,"depth":282,"text":193},{"id":259,"depth":282,"text":259},[293],"站点魔改","2025-12-04 10:00:00","该文章记录了项目版本迭代中的UI优化与功能调整，包括站点详情卡片组件化改造（采用Badge组件优化布局）、分类卡片新增文章数量统计功能（重新严重问题）、标签卡片新增文章标签统计功能、博主信息模块的拆分与重构，同时删除了冗余的左侧图片和完整博主卡片，最终形成模块化组件结构（涉及5个核心组件及数据调用逻辑调整）。",false,"md","\u002Fimage\u002FPostCover\u002FsmallCard.avif",{"slots":300},{},true,"\u002F2025\u002F12\u002Fsmallcardadd",{"text":304,"minutes":305,"time":306,"words":307},"10 min read",9.745,584700,1949,5,{"title":5,"description":295},{"loc":302},"posts\u002F2025\u002F12\u002FsmallCardAdd",[313,314,315],"Nuxt","魔改","美化","tech","2025-12-04 20:49:00","OmTDDgqk5bVP8OftaZaesGNb7GIx1RVq5DRc5esehKU",[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,797,809,822,831],{"categories":321,"date":323,"description":324,"image":6,"path":325,"readingTime":326,"recommend":6,"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},[293],"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},[293],"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},[293],"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":6,"tags":389,"title":390,"type":316,"updated":391},[293],"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":6,"tags":402,"title":403,"type":316,"updated":404},[293],"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":6,"tags":415,"title":416,"type":316,"updated":404},[293],"这篇文章讲述如何在页面中添加模块以及使用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":6,"tags":428,"title":429,"type":316,"updated":430},[293],"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":6,"tags":441,"title":442,"type":316,"updated":404},[293],"这篇文章讲述了如何美化博客侧边栏，并调整各个卡片内容的样式表。","\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":6,"tags":452,"title":453,"type":316,"updated":404},[293],"从零开始魔改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":6,"tags":465,"title":466,"type":316,"updated":467},[293],"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},[293],"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},[293],"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},[293],"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":6,"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},[293],"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},[293],"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},[293],"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},[293],"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":294,"description":295,"image":298,"path":302,"readingTime":588,"recommend":308,"tags":589,"title":5,"type":316,"updated":317},[293],{"text":304,"minutes":305,"time":306,"words":307},[313,314,315],{"categories":591,"date":592,"description":593,"image":594,"path":595,"readingTime":596,"recommend":6,"tags":601,"title":604,"type":316,"updated":605},[293],"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":6,"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":6,"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":295,"image":642,"path":643,"readingTime":644,"recommend":275,"tags":648,"title":649,"type":316,"updated":650},[293],"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":6,"tags":662,"title":663,"type":525,"updated":664},[293],"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":6,"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":6,"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},[293],"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":6,"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":6,"tags":725,"title":726,"type":316,"updated":716},[293],"\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":6,"tags":736,"title":737,"type":316,"updated":738},[293],"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":282,"tags":748,"title":749,"type":316,"updated":750},[293],"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":278,"tags":760,"title":762,"type":316,"updated":763},[293],"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},[293],"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":6,"path":778,"readingTime":779,"recommend":6,"tags":783,"title":784,"type":316,"updated":785},[322],"2026-04-13 14:00:00","\u002F2026\u002F04\u002Fnuxthotpage",{"text":358,"minutes":780,"time":781,"words":782},8.985,539100,1797,[313,761],"用Codex写一个热搜页面","2026-04-13 22:00:00",{"categories":787,"date":788,"description":669,"image":6,"path":789,"readingTime":790,"recommend":6,"tags":794,"title":795,"type":316,"updated":796},[293],"2026-04-21 14:00:00","\u002F2026\u002F04\u002Fnuxtserviceworker",{"text":578,"minutes":791,"time":792,"words":793},11.735,704100,2347,[313,761],"用元宝写一个ServiceWorker","2026-04-21 22:00:00",{"categories":798,"date":799,"description":669,"image":800,"path":801,"readingTime":802,"recommend":347,"tags":806,"title":807,"type":316,"updated":808},[293],"2026-08-08 14:00:00","\u002Fimage\u002FPostCover\u002FcirclePage.avif","\u002F2026\u002F08\u002Fcirclepage",{"text":461,"minutes":803,"time":804,"words":805},5.42,325200,1084,[313,761],"朋友圈大改","2026-08-08 22:00:00",{"categories":810,"date":812,"description":514,"image":813,"path":814,"readingTime":815,"recommend":6,"tags":819,"title":820,"type":525,"updated":821},[811],"自设记录","2025-12-29 10:00:00","https:\u002F\u002Fsourceimage.s3.bitiful.net\u002Fpost\u002Fimg\u002FannualSummary\u002Fcover.webp","\u002Fnovel\u002Fworld\u002Fharmworld",{"text":658,"minutes":816,"time":817,"words":818},1.31,78600,262,[522,523],"世界志：鸿蒙界","2025-12-29 20:49:00",{"categories":823,"date":812,"description":514,"image":813,"path":824,"readingTime":825,"recommend":6,"tags":829,"title":830,"type":525,"updated":821},[811],"\u002Fnovel\u002Fworld\u002Flmmortalgod",{"text":630,"minutes":826,"time":827,"words":828},6.295,377700,1259,[522,523],"世界志：仙神界",{"categories":832,"date":812,"description":514,"image":813,"path":833,"readingTime":834,"recommend":6,"tags":838,"title":839,"type":525,"updated":821},[811],"\u002Fnovel\u002Fworld\u002Fdh",{"text":658,"minutes":835,"time":836,"words":837},1.65,99000,330,[522,523],"世界志：大荒",[841,843],{"title":569,"path":561,"stem":842,"date":558,"type":316,"children":-1},"posts\u002F2025\u002F12\u002FequipmentPageAdd",{"title":584,"path":576,"stem":844,"date":573,"type":316,"children":-1},"posts\u002F2025\u002F12\u002FpostPageXiuGai",1794064390127]