[{"data":1,"prerenderedAt":1084},["ShallowReactive",2],{"\u002F2026\u002F01\u002Fkomarimonitor":3,"index_posts":557,"surround-\u002F2026\u002F01\u002Fkomarimonitor":1079},{"id":4,"title":5,"ModelAssets":6,"ModelName":6,"ModelPortrait":6,"ModelQuality":6,"body":7,"categories":532,"date":534,"description":535,"draft":536,"extension":537,"image":538,"meta":539,"navigation":541,"path":542,"permalink":6,"published":6,"readingTime":543,"recommend":6,"references":6,"seo":548,"sitemap":549,"stem":550,"subtitle":6,"tags":551,"type":554,"updated":555,"__hash__":556},"content\u002Fposts\u002F2026\u002F01\u002FkomariMonitor.md","komari：全新的探针站点",null,{"type":8,"value":9,"toc":508},"minimark",[10,14,18,21,168,171,176,187,191,197,204,207,222,230,235,243,246,249,252,273,276,283,289,292,295,306,449,452,455,471,474,482,485,488,491,502,505],[11,12,13],"h2",{"id":13},"前言",[15,16,17],"p",{},"很久之前用过哪吒探针的V0与V1版本，但是后来的云服务器基本上已经完全废止，所以就没进行搞了。不过最近在浏览一些文章时看到有别的探针系统，心血来潮便搭建该探针",[11,19,20],{"id":20},"对比",[22,23,24,44],"table",{},[25,26,27],"thead",{},[28,29,30,35,38,41],"tr",{},[31,32,34],"th",{"align":33},"left","对比项目",[31,36,37],{"align":33},"哪吒监控V0",[31,39,40],{"align":33},"哪吒监控V1",[31,42,43],{"align":33},"Komari Monitor",[45,46,47,69,85,108,130,149],"tbody",{},[28,48,49,56,59,64],{},[50,51,52],"td",{"align":33},[53,54,55],"strong",{},"核心定位",[50,57,58],{"align":33},"功能相对集中的服务器状态监控",[50,60,61],{"align":33},[53,62,63],{},"功能全面的服务器运维平台",[50,65,66],{"align":33},[53,67,68],{},"极致轻量的服务器状态监控",[28,70,71,76,79,82],{},[50,72,73],{"align":33},[53,74,75],{},"监控面板模板",[50,77,78],{"align":33},"基础、直观",[50,80,81],{"align":33},"丰富多样，支持高度自定义",[50,83,84],{"align":33},"提供多种官方及社区主题（如PurCarte、Mochi），风格现代",[28,86,87,92,95,102],{},[50,88,89],{"align":33},[53,90,91],{},"关键功能",[50,93,94],{"align":33},"基础资源监控（CPU、内存、磁盘等）",[50,96,97,98,101],{"align":33},"基础资源监控、",[53,99,100],{},"DDNS、内网穿透、SSL证书管理","等",[50,103,97,104,107],{"align":33},[53,105,106],{},"历史数据图表（默认支持30天）","、Web SSH",[28,109,110,115,118,121],{},[50,111,112],{"align":33},[53,113,114],{},"配置与备份",[50,116,117],{"align":33},"可能需要手动编辑配置文件（如JSON）",[50,119,120],{"align":33},"配置相对复杂，备份需处理整个目录",[50,122,123,126,127],{"align":33},[53,124,125],{},"后台图形化操作","，支持",[53,128,129],{},"一键导入\u002F导出备份",[28,131,132,137,140,143],{},[50,133,134],{"align":33},[53,135,136],{},"资源占用",[50,138,139],{"align":33},"相对较低",[50,141,142],{"align":33},"相对较高（因功能更多）",[50,144,145,148],{"align":33},[53,146,147],{},"极低","（内存占用约30MB），专为小内存VPS优化",[28,150,151,156,159,162],{},[50,152,153],{"align":33},[53,154,155],{},"部署难度",[50,157,158],{"align":33},"中等",[50,160,161],{"align":33},"相对复杂",[50,163,164,167],{"align":33},[53,165,166],{},"简单快捷","，Docker一行命令即可启动主控端",[11,169,170],{"id":170},"部署面板端",[172,173,175],"h3",{"id":174},"一键命令非主流","一键命令(非主流)",[177,178,184],"pre",{"className":179,"code":181,"language":182,"meta":183},[180],"language-bash","curl -fsSL https:\u002F\u002Fraw.githubusercontent.com\u002Fkomari-monitor\u002Fkomari\u002Fmain\u002Finstall-komari.sh -o install-komari.sh\nchmod +x install-komari.sh\nsudo .\u002Finstall-komari.sh\n","bash","",[185,186,181],"code",{"__ignoreMap":183},[172,188,190],{"id":189},"docker推荐","Docker(推荐)",[177,192,195],{"className":193,"code":194,"language":182,"meta":183},[180],"mkdir -p .\u002Fdata\ndocker run -d \\\n  -p 25774:25774 \\\n  -v $(pwd)\u002Fdata:\u002Fapp\u002Fdata \\\n  --name komari \\\n  --restart unless-stopped \\\n  ghcr.io\u002Fkomari-monitor\u002Fkomari:latest\ndocker logs komari\n",[185,196,194],{"__ignoreMap":183},[15,198,199,200,203],{},"使用两种方案后可以通过访问 ",[185,201,202],{"code":202},"http:\u002F\u002F\u003Cyour-ip>:25774"," 即可看到 Komari 的仪表盘。",[172,205,206],{"id":206},"账号密码",[208,209,210],"ul",{},[211,212,213,214,217,218,221],"li",{},"默认情况\n在默认的情况下，不知道账号密码可以通过输入",[185,215,216],{"code":216},"docker logs komari","或者Docker容器中的日志功能，都能找到以下的日志。在第四行的",[185,219,220],{"code":220},"Password","的内容填入到管理面板中的密码部分，即可进入。",[177,223,228],{"className":224,"code":226,"language":227,"meta":183},[225],"language-log","2026\u002F01\u002F28 09:47:00 Komari Monitor 1.1.3 (hash: b62fb1f70889fc1ac94e7c58ed928d7a27df5d09)\n2026\u002F01\u002F28 09:47:00 Using SQLite database file: \u002Fapp\u002Fdata\u002Fkomari.db\n2026\u002F01\u002F28 09:47:00 Application timezone is set to 'UTC'.\n2026\u002F01\u002F28 09:47:00 Default admin account created. Username: admin , Password: MG7y0jLUNYzX\n2026\u002F01\u002F28 09:47:00 Starting server on 0.0.0.0:25774 ...\n","log",[185,229,226],{"__ignoreMap":183},[208,231,232],{},[211,233,234],{},"非默认情况\n在我们都需要更改默认密钥来保证你无需更换后台用户密码，就需要对Docker的环境变量进行更改，在环境变量中输入",[177,236,241],{"className":237,"code":239,"language":240,"meta":183},[238],"language-env","ADMIN_USERNAME: admin\nADMIN_PASSWORD: yourpassword\n","env",[185,242,239],{"__ignoreMap":183},[11,244,245],{"id":245},"部署受控端",[15,247,248],{},"当我们部署完面板端时，我们需要受控端来进行监测受控、查看相关配置以及各个自定义线路的情况，这些功能非常有用尤其是在无各类机器测试脚步的情况下非常有用。",[172,250,251],{"id":251},"配置受控端服务链接",[208,253,254,257,270],{},[211,255,256],{},"1.反代25575端口并解析到需要受控服务链接上",[211,258,259,260,263,264,263,267],{},"2.填入到",[185,261,262],{"code":262},"设置","-",[185,265,266],{"code":266},"站点",[185,268,269],{"code":269},"Agent 连接地址",[211,271,272],{},"3.使用系统自动生成的具体脚本在指定服务器上进行粘贴",[172,274,275],{"id":275},"销毁服务器上的受控服务",[15,277,278,279,282],{},"当我们需要销毁受控服务端时，使用以下的指令来进行销毁，实现",[185,280,281],{"code":281},"一键销不留服务","。",[177,284,287],{"className":285,"code":286,"language":182,"meta":183},[180],"sudo systemctl stop komari-agent && sudo systemctl disable komari-agent && sudo rm -f \u002Fetc\u002Fsystemd\u002Fsystem\u002Fkomari-agent.service && sudo systemctl daemon-reload && sudo rm -rf \u002Fopt\u002Fkomari\u002Fagent \u002Fvar\u002Flog\u002Fkomari\n",[185,288,286],{"__ignoreMap":183},[11,290,291],{"id":291},"具体功能",[172,293,294],{"id":294},"服务器",[208,296,297,300,303],{},[211,298,299],{},"1.信息: 可自定义名称、标签(哪吒探针中的标签可无损使用)、分组、备注(公开\u002F私有)、隐藏节点(登录后可见)、流量阈值(统计方式\u002F设置数)",[211,301,302],{},"2.账单: 自定义定价、计费周期、设置货币、到期时间",[211,304,305],{},"3.一键部署命令: 有三种版本(Windows\u002FLinux\u002FMac)，且都有自定义选项无需去了解那些繁琐的配置命令项。",[22,307,308,325],{},[25,309,310],{},[28,311,312,316,319,322],{},[31,313,315],{"align":314},"center","安装选项",[31,317,318],{"align":314},"Windows",[31,320,321],{"align":314},"Linux",[31,323,324],{"align":314},"Mac",[45,326,327,339,350,361,372,383,394,405,416,427,438],{},[28,328,329,332,335,337],{},[50,330,331],{"align":314},"禁用远程控制",[50,333,334],{"align":314},"✅ 支持",[50,336,334],{"align":314},[50,338,334],{"align":314},[28,340,341,344,346,348],{},[50,342,343],{"align":314},"禁用自动更新",[50,345,334],{"align":314},[50,347,334],{"align":314},[50,349,334],{"align":314},[28,351,352,355,357,359],{},[50,353,354],{"align":314},"忽略不安全证书",[50,356,334],{"align":314},[50,358,334],{"align":314},[50,360,334],{"align":314},[28,362,363,366,368,370],{},[50,364,365],{"align":314},"包含缓冲区内存",[50,367,334],{"align":314},[50,369,334],{"align":314},[50,371,334],{"align":314},[28,373,374,377,379,381],{},[50,375,376],{"align":314},"GitHub 代理",[50,378,334],{"align":314},[50,380,334],{"align":314},[50,382,334],{"align":314},[28,384,385,388,390,392],{},[50,386,387],{"align":314},"安装目录",[50,389,334],{"align":314},[50,391,334],{"align":314},[50,393,334],{"align":314},[28,395,396,399,401,403],{},[50,397,398],{"align":314},"服务名称",[50,400,334],{"align":314},[50,402,334],{"align":314},[50,404,334],{"align":314},[28,406,407,410,412,414],{},[50,408,409],{"align":314},"只监测特定网卡",[50,411,334],{"align":314},[50,413,334],{"align":314},[50,415,334],{"align":314},[28,417,418,421,423,425],{},[50,419,420],{"align":314},"排除特定网卡",[50,422,334],{"align":314},[50,424,334],{"align":314},[50,426,334],{"align":314},[28,428,429,432,434,436],{},[50,430,431],{"align":314},"只监测特定挂载点",[50,433,334],{"align":314},[50,435,334],{"align":314},[50,437,334],{"align":314},[28,439,440,443,445,447],{},[50,441,442],{"align":314},"网络统计月重置日",[50,444,334],{"align":314},[50,446,334],{"align":314},[50,448,334],{"align":314},[172,450,451],{"id":451},"主题功能",[15,453,454],{},"在我们部署完成后，肯定需要美化的，在Komari Monitor中已经内置了主题功能，我们可以通过使用第三方的主题压缩包来快速美化。对于懒人来说非常有用，省略了自定义JS与样式的插入。",[208,456,457,468],{},[211,458,459,460,467],{},"1.获取主题\n在",[461,462,466],"a",{"href":463,"rel":464},"https:\u002F\u002Fkomari-document.pages.dev\u002Fcommunity\u002Ftheme",[465],"nofollow","主题","中查找到一款符合你的，然后进行下载",[211,469,470],{},"2.导入后台\n打开后台，找到设置-主题管理导入压缩包",[172,472,473],{"id":473},"登录通知",[208,475,476,479],{},[211,477,478],{},"1.登录功能：单点登录渠道选择（需要写入密钥）、API密钥、禁用密码功能",[211,480,481],{},"2.通知功能：自定义模板、通知渠道、测试",[172,483,484],{"id":484},"通用",[15,486,487],{},"通用功能严格来讲用途非常少，且大多默认开启。具有兼容哪吒探针、开启历史会话、(开启\u002F刷新)地理位置、自动获取密钥(好像没啥卵用)",[172,489,490],{"id":490},"其余功能",[208,492,493,496,499],{},[211,494,495],{},"1.远程执行: 通过自定义命令，并选定指定的服务器执行",[211,497,498],{},"2.延迟监测: 类似于哪吒探针中的测速功能(TCP\\HTTP\\ICMP)，这个会用的话其实非常可以",[211,500,501],{},"3.会话管理: 可以一键删除之前链接的会话，但是无法指定删除",[11,503,504],{"id":504},"美化",[15,506,507],{},"还未写完",{"title":183,"searchDepth":509,"depth":509,"links":510},4,[511,513,514,520,524,531],{"id":13,"depth":512,"text":13},2,{"id":20,"depth":512,"text":20},{"id":170,"depth":512,"text":170,"children":515},[516,518,519],{"id":174,"depth":517,"text":175},3,{"id":189,"depth":517,"text":190},{"id":206,"depth":517,"text":206},{"id":245,"depth":512,"text":245,"children":521},[522,523],{"id":251,"depth":517,"text":251},{"id":275,"depth":517,"text":275},{"id":291,"depth":512,"text":291,"children":525},[526,527,528,529,530],{"id":294,"depth":517,"text":294},{"id":451,"depth":517,"text":451},{"id":473,"depth":517,"text":473},{"id":484,"depth":517,"text":484},{"id":490,"depth":517,"text":490},{"id":504,"depth":512,"text":504},[533],"技术探索","2026-01-28 19:00:00","本文是一篇关于 Komari Monitor（一款服务器监控系统）的详细介绍与实用指南。文章以作者个人经验为引，对比了哪吒监控（V0\u002FV1版本）与 Komari 在各方面的差异，并逐步演示了如何部署、配置和使用 Komari。",false,"md","\u002Fimage\u002FPostCover\u002FkomariMonitor.avif",{"slots":540},{},true,"\u002F2026\u002F01\u002Fkomarimonitor",{"text":544,"minutes":545,"time":546,"words":547},"7 min read",6.86,411600,1372,{"title":5,"description":535},{"loc":542},"posts\u002F2026\u002F01\u002FkomariMonitor",[552,553],"探针","监控","tech","2026-01-29 13:00:00","bfSDCIiqKzUkqndiXnibfHzj8y75BERr3tw4v4CEgEA",[558,573,589,603,617,630,643,655,669,681,692,706,722,737,750,767,781,796,811,826,841,857,874,878,890,904,918,930,944,956,966,978,990,1003,1014,1025,1036,1048,1061,1070],{"categories":559,"date":560,"description":561,"image":6,"path":562,"readingTime":563,"recommend":6,"tags":568,"title":571,"type":554,"updated":572},[533],"2023-12-06 12:45:00","本篇转载三种不同方案（已经放好原文章链接）","\u002F2023\u002F03\u002Fessaythree",{"text":564,"minutes":565,"time":566,"words":567},"48 min read",47.34,2840400,9468,[569,570,504],"hexo","butterfly","即刻短文的三种部署方案","2023-12-07 14:09:00",{"categories":574,"date":576,"description":577,"image":578,"path":579,"readingTime":580,"recommend":585,"tags":586,"title":587,"type":554,"updated":588},[575],"站点魔改","2024-04-19 10:00:00","友链页面美化以及添加功能","\u002Fimage\u002FPostCover\u002FflinkPage.avif","\u002F2024\u002F04\u002Fflinkpagemeihua",{"text":581,"minutes":582,"time":583,"words":584},"11 min read",10.8,648000,2160,1,[569,570],"友链魔改","2025-04-19 12:09:00",{"categories":590,"date":591,"description":592,"image":593,"path":594,"readingTime":595,"recommend":585,"tags":600,"title":601,"type":554,"updated":602},[575],"2025-02-05 09:00:00","这篇文章讲述在博客中对导航栏进行修改，并添加多个产品页面地址，且采用安知鱼的导航栏CSS样式表。","\u002Fimage\u002FPostCover\u002FnavMuogai.avif","\u002F2025\u002F02\u002Fbutterflynavadd",{"text":596,"minutes":597,"time":598,"words":599},"9 min read",8.585,515100,1717,[569,570],"butterfly导航栏修改方案","2025-03-05 10:00:00",{"categories":604,"date":605,"description":606,"image":607,"path":608,"readingTime":609,"recommend":585,"tags":614,"title":615,"type":554,"updated":616},[575],"2025-02-27 10:10:55","本篇文章讲述了如何在博客的底部模块进行魔改添加图标、来源图片、返回顶部以及建站时间，对建站时间进行js内联到模块中。","\u002Fimage\u002FPostCover\u002FfooterMeihua.avif","\u002F2025\u002F02\u002Ffooterqcqxstyle",{"text":610,"minutes":611,"time":612,"words":613},"4 min read",3.31,198600,662,[569,570,504],"轻笑底部美化","2025-02-28 10:00:00",{"categories":618,"date":619,"description":620,"image":621,"path":622,"readingTime":623,"recommend":6,"tags":627,"title":628,"type":554,"updated":629},[575],"2025-03-24 08:00:09","这篇简述如何给自己博客中的归档、分类、标签页三个页面的文章卡片加上所属分类和标签，并说明了具体的实践环境，以最大限度的方式进行CSS美化。但也请注意要经常备份以免出现大量错误。","\u002Fimage\u002FPostCover\u002FarchiveMougai.avif","\u002F2025\u002F03\u002Farchivemougai",{"text":610,"minutes":624,"time":625,"words":626},3.08,184800,616,[569,570],"给页面加上所属分类和标签以及美化","2025-03-24 10:56:09",{"categories":631,"date":632,"description":633,"image":634,"path":635,"readingTime":636,"recommend":6,"tags":640,"title":641,"type":554,"updated":642},[575],"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":610,"minutes":637,"time":638,"words":639},3.48,208800,696,[569,570],"美化文章卡片显示数字","2025-03-06 18:00:00",{"categories":644,"date":632,"description":645,"image":646,"path":647,"readingTime":648,"recommend":6,"tags":653,"title":654,"type":554,"updated":642},[575],"这篇文章讲述如何在页面中添加模块以及使用CSS添加颜色以及背景图片。","https:\u002F\u002Fsourceimage.s3.bitiful.net\u002Fimg\u002Fdefault_cover_21.avif","\u002F2025\u002F03\u002Fbackgroud-qcqx",{"text":649,"minutes":650,"time":651,"words":652},"1 min read",0.71,42600,142,[569,570],"轻笑风格背景",{"categories":656,"date":657,"description":658,"image":659,"path":660,"readingTime":661,"recommend":6,"tags":666,"title":667,"type":554,"updated":668},[575],"2025-03-24 09:00:00","本文章以安知鱼的页面文件为模版进行大幅度修改，仿轻笑的关于页面的模块摆放以及调整CSS样式来进行细致魔改。","\u002Fimage\u002FPostCover\u002FbtfAboutPage.avif","\u002F2025\u002F03\u002Fbtfaboutpage",{"text":662,"minutes":663,"time":664,"words":665},"24 min read",23.275,1396500,4655,[569,570],"关于页面(butterfly)","2025-03-25 11:20:00",{"categories":670,"date":632,"description":671,"image":672,"path":673,"readingTime":674,"recommend":6,"tags":679,"title":680,"type":554,"updated":642},[575],"这篇文章讲述了如何美化博客侧边栏，并调整各个卡片内容的样式表。","\u002Fimage\u002FPostCover\u002FcardMeihua.avif","\u002F2025\u002F03\u002Fcardmeihua",{"text":675,"minutes":676,"time":677,"words":678},"5 min read",4.77,286200,954,[569,570],"卡片美化",{"categories":682,"date":632,"description":683,"image":684,"path":685,"readingTime":686,"recommend":6,"tags":690,"title":691,"type":554,"updated":642},[575],"从零开始魔改butterfly","\u002Fimage\u002FPostCover\u002FfunctionMeihua.avif","\u002F2025\u002F03\u002Ffunctionmeihua",{"text":649,"minutes":687,"time":688,"words":689},0.345,20700,69,[569,570],"功能美化",{"categories":693,"date":694,"description":695,"image":696,"path":697,"readingTime":698,"recommend":6,"tags":703,"title":704,"type":554,"updated":705},[575],"2025-03-01 10:00:00","本文依照轻笑的部分内容，参考首页banner写法以及对首页banner添加鼠标滚动以及移动端滑动，通过CSS样式进行美化整个首页banner，此篇文章重点讲述了如何解决轻笑给的js内容在首页会出现不断加载的问题。","\u002Fimage\u002FPostCover\u002FrandomPost.avif","\u002F2025\u002F03\u002Frandompost",{"text":699,"minutes":700,"time":701,"words":702},"6 min read",5.595,335700,1119,[569,570,504],"Banner随机文章展示(轻笑同款)","2025-03-05 12:09:00",{"categories":707,"date":708,"description":709,"image":710,"path":711,"readingTime":712,"recommend":716,"tags":717,"title":720,"type":554,"updated":721},[575],"2025-08-11 10:00:00","本篇文章讲述了添加模块代码并在博客的友情链接中添加模块，且使用css美化","\u002Fimage\u002FPostCover\u002FlinkTop.avif","\u002F2025\u002F08\u002Flinktop",{"text":596,"minutes":713,"time":714,"words":715},8.88,532800,1776,11,[718,719,504],"Nuxt","魔改","在友链页面添加滚动头像banner","2025-08-11 20:49:00",{"categories":723,"date":724,"description":725,"image":726,"path":727,"readingTime":728,"recommend":733,"tags":734,"title":735,"type":554,"updated":736},[575],"2025-08-22 10:00:00","近期将博客迁移至Nuxt框架时，重新搭建了「关于页面」。过程中添加了技能展示组件（skillinfo.vue），实现标签分组渲染；新建about.vue页面，整合个人信息、技能、偏好等多模块内容，并通过ts定义数据接口（about.ts\u002Fcreativity.ts）。","\u002Fimage\u002FPostCover\u002FnuxtAboutPage.avif","\u002F2025\u002F08\u002Fnuxtaboutpage",{"text":729,"minutes":730,"time":731,"words":732},"16 min read",15.92,955200,3184,10,[718,719,504],"关于页面(Nuxt)","2025-09-01 20:49:00",{"categories":738,"date":739,"description":740,"image":741,"path":742,"readingTime":743,"recommend":747,"tags":748,"title":749,"type":554,"updated":736},[575],"2025-09-02 10:00:00","本篇文章主要简述了如何给Nuxt框架添加站点详情","https:\u002F\u002Fwww.yjluo.top\u002Fimage\u002FPostCover\u002FsiteInfo.avif","\u002F2025\u002F09\u002Fsitelinkpageadd",{"text":675,"minutes":744,"time":745,"words":746},4.38,262800,876,9,[718,719,504],"添加站点详情页面",{"categories":751,"date":753,"description":754,"image":755,"path":756,"readingTime":757,"recommend":6,"tags":761,"title":764,"type":765,"updated":766},[752],"日志记录","2025-12-28 10:00:00","该文章详细记录了2025年中的上下半年所做的事情，并且还透露出后续计划中会干什么。而在前言中也写到此文为水字数而出，上下半年均写到更换框架与服务有关于的内容。对于未来计划中提到了要对一些网站进行恢复、以及明年将在文章中加入与自创小说有关的内容","\u002Fimage\u002FPostCover\u002FannualSummary.avif","\u002F2025\u002F12\u002Fannualsummary",{"text":610,"minutes":758,"time":759,"words":760},3.855,231300,771,[762,763],"总结",2025,"年度总结：旧去新","story","2025-12-28 20:49:00",{"categories":768,"date":769,"description":770,"image":771,"path":772,"readingTime":773,"recommend":747,"tags":778,"title":779,"type":554,"updated":780},[575],"2025-12-01 10:00:00","该文章详细介绍了基于Vue3+TypeScript开发的豆瓣追更记录系统，采用组件化架构实现两栏筛选菜单、动态加载动画和卡片式作品展示，通过Pinia状态管理+Vite构建工具实现数据流管理，集成防抖加载、虚拟滚动等性能优化方案。","\u002Fimage\u002FPostCover\u002FbanguimPage.avif","\u002F2025\u002F12\u002Fbanguimpageadd",{"text":774,"minutes":775,"time":776,"words":777},"23 min read",22.175,1330500,4435,[718,719,504],"添加追更历史","2025-12-01 20:49:00",{"categories":782,"date":783,"description":784,"image":785,"path":786,"readingTime":787,"recommend":792,"tags":793,"title":794,"type":554,"updated":795},[575],"2025-12-23 10:00:00","该文章介绍Nuxt博客适配中评论模块的Vue组件实现与Artalk评论系统单例管理逻辑，并提供具体的适配评论表情包的Json信息，评论功能有着KaTeX数学公式渲染、图片灯箱、动态监听以及管理逻辑的初始化、计数、暗黑模式切换等方式。","\u002Fimage\u002FPostCover\u002FcommentMeihua.avif","\u002F2025\u002F12\u002Fcommentadd",{"text":788,"minutes":789,"time":790,"words":791},"32 min read",31.72,1903200,6344,8,[718,719,504],"评论优化","2026-03-01 20:49:00",{"categories":797,"date":798,"description":799,"image":800,"path":801,"readingTime":802,"recommend":807,"tags":808,"title":809,"type":554,"updated":810},[575],"2025-12-03 10:05:09","该博客持续维护Nuxt框架博客系统，新增装备页面实现硬件\u002F外设分类展示，支持动态过滤、标签筛选与规格参数渲染，通过TypeScript定义数据接口，结合Vue3响应式布局与SCSS响应式设计，完成设备卡片动态加载、悬停动效及跨端适配优化，集成评论跳转与购买信息展示功能。","\u002Fimage\u002FPostCover\u002FequipmentPage.avif","\u002F2025\u002F12\u002Fequipmentpageadd",{"text":803,"minutes":804,"time":805,"words":806},"8 min read",7.28,436800,1456,7,[718,719,504],"添加装备页面","2025-12-03 20:49:09",{"categories":812,"date":813,"description":814,"image":815,"path":816,"readingTime":817,"recommend":822,"tags":823,"title":824,"type":554,"updated":825},[575],"2025-12-09 10:00:00","该文章记录了项目版本迭代中的UI优化与功能调整，包括增加可后期换配置且内置移动到赞赏总览触发效果的打赏弹窗、优化头部封面移动端预览、增加版权图标虚化及打赏入口、将本地desc预览改ai摘要样式、增加版权卡片及更换头部信息样式。","\u002Fimage\u002FPostCover\u002FpostMeihua.avif","\u002F2025\u002F12\u002Fpostpagexiugai",{"text":818,"minutes":819,"time":820,"words":821},"12 min read",11.165,669900,2233,6,[718,719,504],"文章美化","2025-12-09 20:49:00",{"categories":827,"date":828,"description":829,"image":830,"path":831,"readingTime":832,"recommend":837,"tags":838,"title":839,"type":554,"updated":840},[575],"2025-12-04 10:00:00","该文章记录了项目版本迭代中的UI优化与功能调整，包括站点详情卡片组件化改造（采用Badge组件优化布局）、分类卡片新增文章数量统计功能（重新严重问题）、标签卡片新增文章标签统计功能、博主信息模块的拆分与重构，同时删除了冗余的左侧图片和完整博主卡片，最终形成模块化组件结构（涉及5个核心组件及数据调用逻辑调整）。","\u002Fimage\u002FPostCover\u002FsmallCard.avif","\u002F2025\u002F12\u002Fsmallcardadd",{"text":833,"minutes":834,"time":835,"words":836},"10 min read",9.745,584700,1949,5,[718,719,504],"侧边组件美化","2025-12-04 20:49:00",{"categories":842,"date":843,"description":844,"image":845,"path":846,"readingTime":847,"recommend":6,"tags":852,"title":855,"type":554,"updated":856},[575],"2026-01-27 10:00:00","自定义全局的样式颜色，具有对特定CSS中所具有的自定义样式颜色来进行整合，并且作者还顺便水了一篇文章","\u002Fimage\u002FPostCover\u002FcolorStyleAll.avif","\u002F2026\u002F01\u002Fcolorstyleall",{"text":848,"minutes":849,"time":850,"words":851},"14 min read",13.155,789300,2631,[853,854],"全局颜色","自定义","自定义全局颜色","2026-01-27 20:49:00",{"categories":858,"date":859,"description":860,"image":861,"path":862,"readingTime":863,"recommend":6,"tags":868,"title":872,"type":554,"updated":873},[533],"2026-01-11 10:00:00","这篇文章是一篇实战经验分享，主要讲解了如何利用腾讯云的EdgeOne边缘安全加速平台，为网站字体等静态资源搭建一个自定义的、高性能的镜像加速服务。","\u002Fimage\u002FPostCover\u002FjsdmEdge.avif","\u002F2026\u002F01\u002Fjsdmedge",{"text":864,"minutes":865,"time":866,"words":867},"3 min read",2.72,163200,544,[869,870,871],"镜像","EdgeOne","jsdmirror","使用EdgeOne CDN搭建自用Jsd镜像","2026-01-11 20:49:00",{"categories":875,"date":534,"description":535,"image":538,"path":542,"readingTime":876,"recommend":6,"tags":877,"title":5,"type":554,"updated":555},[533],{"text":544,"minutes":545,"time":546,"words":547},[552,553],{"categories":879,"date":880,"description":829,"image":881,"path":882,"readingTime":883,"recommend":509,"tags":887,"title":888,"type":554,"updated":889},[575],"2026-01-01 10:00:00","\u002Fimage\u002FPostCover\u002FNewYear.avif","\u002F2026\u002F01\u002Fnewyear",{"text":864,"minutes":884,"time":885,"words":886},2.15,129000,430,[718,719,504],"踏入2026：目标新方向","2026-01-01 20:49:00",{"categories":891,"date":892,"description":893,"image":894,"path":895,"readingTime":896,"recommend":6,"tags":901,"title":902,"type":765,"updated":903},[575],"2026-01-05 10:00:00","该文章记录了项目中对于字体、图片以及构建产物等静态资源的优化与处理，并且表示自身对于图片的存放位置进行优化。","\u002Fimage\u002FPostCover\u002FsiteAssets.avif","\u002F2026\u002F01\u002Fsiteassets",{"text":897,"minutes":898,"time":899,"words":900},"2 min read",1.82,109200,364,[718,719,504],"站点资源优化","2026-01-07 20:49:00",{"categories":905,"date":907,"description":908,"image":909,"path":910,"readingTime":911,"recommend":6,"tags":915,"title":916,"type":554,"updated":917},[906],"日常随笔","2026-01-12 10:00:00","该文章主要写了对于低价机器的试水，并提醒是超开类型的机器。在测试的过程中发现机器性能较高，且展示出机器的具体价格，并单独列出只有精简版未采用完整版测试。","\u002Fimage\u002FPostCover\u002FvpsTalk.avif","\u002F2026\u002F01\u002Fvpstalk",{"text":729,"minutes":912,"time":913,"words":914},15.545,932700,3109,[718,719,504],"随笔：低价主机试水","2026-01-12 20:49:00",{"categories":919,"date":920,"description":921,"image":909,"path":922,"readingTime":923,"recommend":6,"tags":927,"title":928,"type":554,"updated":929},[906],"2026-01-30 10:00:00","该文章主要写了对于大容量硬盘主机的试水。在测试的过程中发现机器性能较高，且展示出机器的具体价格，并单独列出只有精简版未采用完整版测试。","\u002F2026\u002F01\u002Fvpstalk-2",{"text":848,"minutes":924,"time":925,"words":926},13.965,837900,2793,[718,719,504],"随笔：大容量主机测试","2026-01-30 20:49:00",{"categories":931,"date":932,"description":933,"image":934,"path":935,"readingTime":936,"recommend":585,"tags":941,"title":942,"type":554,"updated":943},[575],"2026-02-20 10:00:00","该文章展示多个以鸣潮为主题的档案组件，包含具体代码、属性表格对应、预览整体组件、写法展示四种类型，并在文章末尾附加更新报告。","\u002Fimage\u002FPostCover\u002FWutheringWavesPostWidget.avif","\u002F2026\u002F02\u002Fwutheringwavespostwidget",{"text":937,"minutes":938,"time":939,"words":940},"100 min read",99.23,5953800,19846,[718,719,504],"【鸣潮】档案文章组件","2026-02-26 10:00:00",{"categories":945,"date":946,"description":908,"image":947,"path":948,"readingTime":949,"recommend":6,"tags":953,"title":954,"type":554,"updated":955},[533],"2026-02-03 10:00:00","\u002Fimage\u002FPostCover\u002FfnosInstall.avif","\u002F2026\u002F02\u002Ffnosinstall",{"text":596,"minutes":950,"time":951,"words":952},8.91,534600,1782,[718,719,504],"给老MAC升级为飞牛OS","2026-02-05 20:49:00",{"categories":957,"date":946,"description":908,"image":958,"path":959,"readingTime":960,"recommend":6,"tags":964,"title":965,"type":554,"updated":955},[575],"\u002Fimage\u002FPostCover\u002FmacBookPerformancTest.avif","\u002F2026\u002F02\u002Fmacbookperformanctest",{"text":864,"minutes":961,"time":962,"words":963},2.47,148200,494,[718,719,504],"【精简】测试老MAC性能",{"categories":967,"date":968,"description":908,"image":969,"path":970,"readingTime":971,"recommend":6,"tags":975,"title":976,"type":554,"updated":977},[575],"2026-02-04 10:00:00","\u002Fimage\u002FPostCover\u002FmusicInstall.avif","\u002F2026\u002F02\u002Fmusicinstall",{"text":596,"minutes":972,"time":973,"words":974},8.19,491400,1638,[718,719,504],"【本地+云端】搭建道理鱼音乐","2026-02-06 20:49:00",{"categories":979,"date":980,"description":908,"image":981,"path":982,"readingTime":983,"recommend":517,"tags":987,"title":988,"type":554,"updated":989},[575],"2026-03-03 10:00:00","\u002Fimage\u002FPostCover\u002FfooterNuxtMeihua.avif","\u002F2026\u002F03\u002Ffooternuxtmeihua",{"text":610,"minutes":984,"time":985,"words":986},3.235,194100,647,[718,719,504],"页脚魔改(Nuxt版本)","2026-03-06 10:00:00",{"categories":991,"date":992,"description":908,"image":981,"path":993,"readingTime":994,"recommend":512,"tags":999,"title":1001,"type":554,"updated":1002},[575],"2026-03-21 14:00:00","\u002F2026\u002F03\u002Fsteamgamepage",{"text":995,"minutes":996,"time":997,"words":998},"18 min read",17.265,1035900,3453,[718,1000],"页面","游戏展示页面","2026-03-22 10:00:00",{"categories":1004,"date":1005,"description":908,"image":981,"path":1006,"readingTime":1007,"recommend":585,"tags":1011,"title":1012,"type":554,"updated":1013},[575],"2026-04-11 14:00:00","\u002F2026\u002F04\u002Fessaynuxtpage",{"text":699,"minutes":1008,"time":1009,"words":1010},5.93,355800,1186,[718,1000],"说说页面（Nuxt版本）","2026-04-11 22:00:00",{"categories":1015,"date":1016,"description":908,"image":6,"path":1017,"readingTime":1018,"recommend":6,"tags":1022,"title":1023,"type":554,"updated":1024},[533],"2026-04-13 14:00:00","\u002F2026\u002F04\u002Fnuxthotpage",{"text":596,"minutes":1019,"time":1020,"words":1021},8.985,539100,1797,[718,1000],"用Codex写一个热搜页面","2026-04-13 22:00:00",{"categories":1026,"date":1027,"description":908,"image":6,"path":1028,"readingTime":1029,"recommend":6,"tags":1033,"title":1034,"type":554,"updated":1035},[575],"2026-04-21 14:00:00","\u002F2026\u002F04\u002Fnuxtserviceworker",{"text":818,"minutes":1030,"time":1031,"words":1032},11.735,704100,2347,[718,1000],"用元宝写一个ServiceWorker","2026-04-21 22:00:00",{"categories":1037,"date":1038,"description":908,"image":1039,"path":1040,"readingTime":1041,"recommend":585,"tags":1045,"title":1046,"type":554,"updated":1047},[575],"2026-08-08 14:00:00","\u002Fimage\u002FPostCover\u002FcirclePage.avif","\u002F2026\u002F08\u002Fcirclepage",{"text":699,"minutes":1042,"time":1043,"words":1044},5.42,325200,1084,[718,1000],"朋友圈大改","2026-08-08 22:00:00",{"categories":1049,"date":1051,"description":754,"image":1052,"path":1053,"readingTime":1054,"recommend":6,"tags":1058,"title":1059,"type":765,"updated":1060},[1050],"自设记录","2025-12-29 10:00:00","https:\u002F\u002Fsourceimage.s3.bitiful.net\u002Fpost\u002Fimg\u002FannualSummary\u002Fcover.webp","\u002Fnovel\u002Fworld\u002Fharmworld",{"text":897,"minutes":1055,"time":1056,"words":1057},1.31,78600,262,[762,763],"世界志：鸿蒙界","2025-12-29 20:49:00",{"categories":1062,"date":1051,"description":754,"image":1052,"path":1063,"readingTime":1064,"recommend":6,"tags":1068,"title":1069,"type":765,"updated":1060},[1050],"\u002Fnovel\u002Fworld\u002Flmmortalgod",{"text":544,"minutes":1065,"time":1066,"words":1067},6.295,377700,1259,[762,763],"世界志：仙神界",{"categories":1071,"date":1051,"description":754,"image":1052,"path":1072,"readingTime":1073,"recommend":6,"tags":1077,"title":1078,"type":765,"updated":1060},[1050],"\u002Fnovel\u002Fworld\u002Fdh",{"text":897,"minutes":1074,"time":1075,"words":1076},1.65,99000,330,[762,763],"世界志：大荒",[1080,1082],{"title":855,"path":846,"stem":1081,"date":843,"type":554,"children":-1},"posts\u002F2026\u002F01\u002FcolorStyleAll",{"title":928,"path":922,"stem":1083,"date":920,"type":554,"children":-1},"posts\u002F2026\u002F01\u002FvpsTalk-2",1794064391282]