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