[{"data":1,"prerenderedAt":756},["ShallowReactive",2],{"/2026/02/musicinstall":3,"index_posts":299,"surround-/2026/02/musicinstall":753},{"id":4,"title":5,"body":6,"categories":271,"date":273,"description":274,"draft":275,"extension":276,"image":277,"meta":278,"navigation":280,"path":281,"permalink":282,"readingTime":283,"recommend":288,"references":282,"seo":289,"sitemap":290,"stem":291,"tags":292,"type":296,"updated":297,"__hash__":298},"content/posts/2026/02/musicInstall.md","【本地+云端】搭建道理鱼音乐",{"type":7,"value":8,"toc":251},"minimark",[9,13,26,30,34,37,40,59,62,66,71,75,83,87,95,99,107,110,146,149,154,157],[10,11,12],"h2",{"id":12},"前言",[14,15,16,17,21,22,25],"p",{},"前篇文章讲了我在自己的老电脑上安装了飞牛NAS系统，但是今天刚好要整理一些东西顺手写一下",[18,19,20],"strong",{},"本地","+",[18,23,24],{},"云端","的方式来安装道理鱼音乐，让我在学校（可能会把本地的带去学校）、家里、远程听歌得到最好的体验。音乐的占用空间也不大。1个G至少能装下百首起步的音乐了，而且道理鱼有刮削功能。可以通过单首音乐来自动刮削出歌词、图片、专辑，这不比那些依靠第三方音乐API的软件好。",[10,27,29],{"id":28},"定位特点","定位&特点",[31,32,33],"h3",{"id":33},"定位",[14,35,36],{},"整体因为没有使用到第三方音乐的API，可以认为是一种本地化（自托管）的媒体平台（或者是流媒体平台），在作为歌曲、有声书、专辑、MV等其他用途上来说是非常可以。而且在以Docker容器的方式安装上手低，自动化部署已经常态化了。",[31,38,39],{"id":39},"特点",[41,42,43,47,50,53,56],"ul",{},[44,45,46],"li",{},"自托管：刚才也已经说过了，在这些用途上都可以将后缀不同的各种类型文件放入特定位置，就可以识别到了（需要刮削）。",[44,48,49],{},"刮削：在对歌曲类型文件刮削的时候，会自动重新匹配的同时解析音乐文件的ID3标签（如歌手、专辑、曲目名），补全缺失部分的内容存储到数据库中。",[44,51,52],{},"转码：软件自身集成FFmpeg的实时转码，支持自动生成指定码率（如64kbps~320kbps）的缓存文件，后台会统计缓存使用情况并自动清理冗余文件，平衡音质与存储空间。",[44,54,55],{},"账户权限分离：这个应该不用说了，主要就是管理员对普通用户的权限控制以及一些设置控制，这个除非你的人多，人少也没必要知道这个。",[44,57,58],{},"拓展(插件&元数据)：支持插件清单自动识别，元数据提供方可配置优先级（如优先从Last.fm获取专辑信息），未来还可扩展Spotify等第三方源集成。",[10,60,61],{"id":61},"功能",[31,63,65],{"id":64},"_1媒体扫描与入库","1.媒体扫描与入库​",[41,67,68],{},[44,69,70],{},"多目录支持：可添加多个音乐、MV、有声书目录（如“音乐合集”“专辑歌单”“有声书专辑”），系统会分别识别与管理。\n自动刮削：扫描时会自动解析文件的metadata（如ID3标签），并抓取封面、歌词、歌手简介等信息，写入数据库；若metadata缺失，可通过AcoustID（音乐识别）或Last.fm（元数据补全）自动填充。",[31,72,74],{"id":73},"_2媒体管理","2.媒体管理​",[41,76,77,80],{},[44,78,79],{},"分类浏览：支持按艺人、专辑、歌单、曲目分类查看，音乐与有声书分开显示（如“音乐” tab 显示歌曲，“有声书” tab 显示章节）。",[44,81,82],{},"收藏与队列：可将曲目、专辑、歌单加入收藏，或直接加入播放队列；队列支持调整顺序、删除等操作。\n歌单管理：支持创建、导入歌单（如从本地导入.m3u文件），歌单可分享给其他用户（需管理员开启注册）。",[31,84,86],{"id":85},"_3播放功能","3.播放功能​",[41,88,89,92],{},[44,90,91],{},"多端支持：提供Web前端（适配PC、平板）与移动端网页访问，部分版本有专用App（如“箭头音乐”适配的移动端）；播放时支持歌词显示、均衡器调节。",[44,93,94],{},"高音质支持：支持DTS、DSD、APE、WMA等高码率音频格式，自动转码为兼容流（如MP3），边播边转不卡顿；封面同步生成100/300/600三档缩略图，提升列表加载速度。",[31,96,98],{"id":97},"_4系统设置","4.系统设置​",[41,100,101,104],{},[44,102,103],{},"管理员功能：可设置站点名称、Logo、注册开关，管理用户账号（如禁用违规用户），查看系统日志。",[44,105,106],{},"普通用户功能：可修改个人信息（如昵称、头像、密码），管理自己的收藏与队列。",[10,108,109],{"id":109},"安装",[111,112,114,126],"tab",{":tabs":113},"[\"应用中心\", \"Docker\"]",[115,116,118],"template",{"v-slot:tab1":117},"",[41,119,120,123],{},[44,121,122],{},"1.登入飞牛OS中，找到应用中心。",[44,124,125],{},"2.选择影音娱乐分类，找到道理鱼音乐，按照提示来安装即可。",[115,127,128,136],{"v-slot:tab2":117},[44,129,130,131,135],{},"1.使用",[132,133,134],"code",{"code":134},"Docker Compose","把以下yml文件内容添加进去，并添加名称后确认构建即可",[137,138,144],"pre",{"className":139,"code":141,"language":142,"meta":143},[140],"language-yml","services:\n  postgres:\n    image: postgres:16-alpine\n    container_name: daoliyu-postgres\n    restart: unless-stopped\n    environment:\n      POSTGRES_DB: \"daoliyu\"\n      POSTGRES_USER: \"daoliyu\"\n      POSTGRES_PASSWORD: \"daoliyupassword\"\n      PGDATA: \"/var/lib/postgresql/data/pgdata\"\n    command:\n      - \"postgres\"\n      - \"-c\"\n      - \"max_connections=200\"\n      - \"-c\"\n      - \"shared_buffers=256MB\"\n      - \"-c\"\n      - \"work_mem=32MB\"\n      - \"-c\"\n      - \"maintenance_work_mem=256MB\"\n      - \"-c\"\n      - \"checkpoint_completion_target=0.9\"\n      - \"-c\"\n      - \"wal_buffers=16MB\"\n      - \"-c\"\n      - \"port=5433\"\n    healthcheck:\n      test: [\"CMD-SHELL\", \"pg_isready -U daoliyu -d daoliyu -p 5433\"]\n      interval: 10s\n      timeout: 5s\n      retries: 6\n      start_period: 30s\n    ports:\n      - \"5433:5433\"\n    volumes:\n      - ./docker-data/postgres:/var/lib/postgresql/data\n\n  redis:\n    image: redis:7-alpine\n    container_name: daoliyu-redis\n    restart: unless-stopped\n    command: [\"redis-server\", \"--appendonly\", \"yes\"]\n    volumes:\n      - ./docker-data/redis:/data\n    healthcheck:\n      test: [\"CMD\", \"redis-cli\", \"ping\"]\n      interval: 10s\n      timeout: 5s\n      retries: 5\n\n  backend:\n    image: msmkls/daoliyu-backend:0.1.7\n    build:\n      context: ./backend\n      dockerfile: Dockerfile\n    container_name: daoliyu-backend\n    restart: unless-stopped\n    depends_on:\n      postgres:\n        condition: service_healthy\n      redis:\n        condition: service_started\n    environment:\n      NODE_ENV: production\n      DATABASE_URL: \"postgresql://daoliyu:daoliyupassword@postgres:5433/daoliyu?schema=public&connection_limit=25&pool_timeout=10&statement_timeout=60000&idle_in_transaction_session_timeout=60000\"\n      APP_PORT: 4000\n      LIBRARY_ROOT: \"/data/media\"\n      AUDIOBOOK_LIBRARY_ROOT: \"/data/audiobooks\"\n      VIDEO_LIBRARY_ROOT: \"/data/music-videos\"\n      VIDEO_TRANSCODE_CACHE: \"/app/storage/transcoded/videos\"\n      VIDEO_THUMBNAIL_CACHE: \"/app/storage/thumbnails/videos\"\n      PLAYLISTS_IMPORT_ROOT: \"/data/playlists\"\n      REGISTRATION_OPEN: \"${REGISTRATION_OPEN:-true}\"\n      PLUGINS_DIR: \"/plugins\"\n      REDIS_URL: \"redis://redis:6379/0\"\n      LOG_LEVEL: \"${LOG_LEVEL:-info}\"\n      DEBUG: \"${DEBUG:-true}\"\n    volumes:\n      - ./backend-storage:/app/storage     # 后端数据（左侧为飞牛目录:容器目录勿动）\n      - ./media:/data/media                # 歌曲目录（左侧为飞牛目录:容器目录勿动）\n      - ./audiobooks:/data/audiobooks      # 有声书  （左侧为飞牛目录:容器目录勿动）\n      - ./music-videos:/data/music-videos  # 音乐视频（左侧为飞牛目录:容器目录勿动）\n      - ./playlists:/data/playlists        # 歌单目录（左侧为飞牛目录:容器目录勿动）\n      - ./plugins:/plugins                 # 占位闲置\n    healthcheck:\n      test: [\"CMD\", \"wget\", \"-qO-\", \"http://localhost:4000/health\"]\n      interval: 30s\n      timeout: 5s\n      retries: 5\n\n  frontend:\n    image: msmkls/daoliyu-frontend:0.1.7\n    build:\n      context: ./frontend\n      dockerfile: Dockerfile\n    container_name: daoliyu-frontend\n    restart: unless-stopped\n    depends_on:\n      backend:\n        condition: service_started\n    ports:\n      - \"5173:8080\"\n","yml","lang=\"yml\"",[132,145,141],{"__ignoreMap":117},[31,147,148],{"id":148},"效果",[150,151],"pic",{"caption":152,"src":153},"音乐主页","/image/PostInternal/2026/musicInstall/index.png",[10,155,156],{"id":156},"优缺点",[158,159,160,177],"table",{},[161,162,163],"thead",{},[164,165,166,172],"tr",{},[167,168,169],"th",{},[18,170,171],{},"优点",[167,173,174],{},[18,175,176],{},"缺点",[178,179,180,195,209,223,237],"tbody",{},[164,181,182,189],{},[183,184,185,188],"td",{},[18,186,187],{},"多媒体统一管理","：支持音乐、MV、有声书一体化管理，无需切换多个应用。",[183,190,191,194],{},[18,192,193],{},"部分操作体验待优化","：如切歌时偶尔出现卡顿，窗口缩放适配不足（如手机端显示不全）。",[164,196,197,203],{},[183,198,199,202],{},[18,200,201],{},"自动化程度高","：自动扫描、补全元数据、转码，减少手动操作。",[183,204,205,208],{},[18,206,207],{},"移动端适配不足","：目前主要依赖Web端或第三方App（如“箭头音乐”），原生App仍在规划中。",[164,210,211,217],{},[183,212,213,216],{},[18,214,215],{},"部署灵活","：支持Docker快速部署，兼容多种NAS系统，提供双数据库选项。",[183,218,219,222],{},[18,220,221],{},"功能完善度待提升","：如推荐算法尚未成熟（仅基于最近7天播放次数），PC端功能仍在开发中。",[164,224,225,231],{},[183,226,227,230],{},[18,228,229],{},"数据安全","：自托管模式，数据存储在本地NAS，避免公有云的版权或隐私风险。",[183,232,233,236],{},[18,234,235],{},"插件生态不完善","：目前插件功能尚未完全启用，第三方源集成（如Spotify）需手动配置。",[164,238,239,245],{},[183,240,241,244],{},[18,242,243],{},"性价比高","：免费开源（部分版本），适合个人或小团队使用，无需支付订阅费。",[183,246,247,250],{},[18,248,249],{},"学习成本较高","：Docker部署对新手来说有一定门槛，需了解基本的命令行操作。",{"title":117,"searchDepth":252,"depth":252,"links":253},4,[254,256,261,267,270],{"id":12,"depth":255,"text":12},2,{"id":28,"depth":255,"text":29,"children":257},[258,260],{"id":33,"depth":259,"text":33},3,{"id":39,"depth":259,"text":39},{"id":61,"depth":255,"text":61,"children":262},[263,264,265,266],{"id":64,"depth":259,"text":65},{"id":73,"depth":259,"text":74},{"id":85,"depth":259,"text":86},{"id":97,"depth":259,"text":98},{"id":109,"depth":255,"text":109,"children":268},[269],{"id":148,"depth":259,"text":148},{"id":156,"depth":255,"text":156},[272],"博客魔改","2026-02-04 10:00:00","该文章主要写了对于低价机器的试水，并提醒是超开类型的机器。在测试的过程中发现机器性能较高，且展示出机器的具体价格，并单独列出只有精简版未采用完整版测试。",false,"md","/image/PostCover/vpsTalk.avif",{"slots":279},{},true,"/2026/02/musicinstall",null,{"text":284,"minutes":285,"time":286,"words":287},"9 min read",8.19,491400,1638,1,{"title":5,"description":274},{"loc":281},"posts/2026/02/musicInstall",[293,294,295],"Nuxt","魔改","美化","tech","2026-02-06 20:49:00","8Ji0QwO8TNKpYtT-2LqA2cH7m1M3dleGJxOvvF7zXEM",[300,317,330,345,358,372,385,398,409,423,435,445,457,470,480,494,507,521,533,550,564,578,592,606,619,635,650,667,683,695,708,717,729,740,749],{"categories":301,"date":303,"description":304,"image":305,"path":306,"readingTime":307,"recommend":282,"title":312,"type":296,"updated":313,"tags":314},[302],"搭建","2023-01-26 20:05:09","artalk部署方式：","/image/PostCover/ssVeryfunction.avif","/2023/2023artitalk",{"text":308,"minutes":309,"time":310,"words":311},"2 min read",1.76,105600,352,"2023年artalk部署方式","2024-10-26 08:00:09",[315,316],"artalk","butterfly",{"categories":318,"date":319,"description":320,"image":305,"path":321,"readingTime":322,"recommend":282,"title":327,"type":296,"updated":328,"tags":329},[302],"2023-01-27 20:05:00","bbtalk部署方式：","/2023/2023bbtalk",{"text":323,"minutes":324,"time":325,"words":326},"1 min read",0.87,52200,174,"2023年bbtalk部署方式","2023-01-27 22:00:00",[315,316],{"categories":331,"date":332,"description":333,"image":334,"path":335,"readingTime":336,"recommend":288,"title":341,"type":296,"updated":342,"tags":343},[272],"2024-04-19 10:00:00","友链页面美化以及添加功能","/image/PostCover/flinkPage.avif","/2024/04/flinkpagemeihua",{"text":337,"minutes":338,"time":339,"words":340},"11 min read",10.8,648000,2160,"友链魔改","2025-04-19 12:09:00",[344,316],"hexo",{"categories":346,"date":347,"description":348,"image":349,"path":350,"readingTime":351,"recommend":288,"title":355,"type":296,"updated":356,"tags":357},[272],"2025-02-05 09:00:00","这篇文章讲述在博客中对导航栏进行修改，并添加多个产品页面地址，且采用安知鱼的导航栏CSS样式表。","/image/PostCover/navMuogai.avif","/2025/02/butterflynavadd",{"text":284,"minutes":352,"time":353,"words":354},8.585,515100,1717,"butterfly导航栏修改方案","2025-03-05 10:00:00",[344,316],{"categories":359,"date":360,"description":361,"image":362,"path":363,"readingTime":364,"recommend":288,"title":369,"type":296,"updated":370,"tags":371},[272],"2025-02-27 10:10:55","本篇文章讲述了如何在博客的底部模块进行魔改添加图标、来源图片、返回顶部以及建站时间，对建站时间进行js内联到模块中。","/image/PostCover/footerMeihua.avif","/2025/02/footerqcqxstyle",{"text":365,"minutes":366,"time":367,"words":368},"4 min read",3.31,198600,662,"轻笑底部美化","2025-02-28 10:00:00",[344,316,295],{"categories":373,"date":374,"description":375,"image":376,"path":377,"readingTime":378,"recommend":282,"title":382,"type":296,"updated":383,"tags":384},[272],"2025-03-24 08:00:09","这篇简述如何给自己博客中的归档、分类、标签页三个页面的文章卡片加上所属分类和标签，并说明了具体的实践环境，以最大限度的方式进行CSS美化。但也请注意要经常备份以免出现大量错误。","/image/PostCover/archiveMougai.avif","/2025/03/archivemougai",{"text":365,"minutes":379,"time":380,"words":381},3.08,184800,616,"给页面加上所属分类和标签以及美化","2025-03-24 10:56:09",[344,316],{"categories":386,"date":387,"description":388,"image":389,"path":390,"readingTime":391,"recommend":282,"title":395,"type":296,"updated":396,"tags":397},[272],"2025-03-05 08:00:00","这篇文章讲述如何给自己博客中的归档、分类、标签页三个页面的文章卡片添加数字来进行编排，以及对添加的数字进行CSS美化，但也请注意要经常备份以免出现错误。","https://sourceimage.s3.bitiful.net/img/default_cover_29.avif?v=20260104","/2025/03/artice-sort",{"text":365,"minutes":392,"time":393,"words":394},3.48,208800,696,"美化文章卡片显示数字","2025-03-06 18:00:00",[344,316],{"categories":399,"date":387,"description":400,"image":401,"path":402,"readingTime":403,"recommend":282,"title":407,"type":296,"updated":396,"tags":408},[272],"这篇文章讲述如何在页面中添加模块以及使用CSS添加颜色以及背景图片。","https://sourceimage.s3.bitiful.net/img/default_cover_21.avif","/2025/03/backgroud-qcqx",{"text":323,"minutes":404,"time":405,"words":406},0.71,42600,142,"轻笑风格背景",[344,316],{"categories":410,"date":411,"description":412,"image":413,"path":414,"readingTime":415,"recommend":282,"title":420,"type":296,"updated":421,"tags":422},[272],"2025-03-24 09:00:00","本文章以安知鱼的页面文件为模版进行大幅度修改，仿轻笑的关于页面的模块摆放以及调整CSS样式来进行细致魔改。","/image/PostCover/btfAboutPage.avif","/2025/03/btfaboutpage",{"text":416,"minutes":417,"time":418,"words":419},"24 min read",23.275,1396500,4655,"关于页面(butterfly)","2025-03-25 11:20:00",[344,316],{"categories":424,"date":426,"description":427,"image":401,"path":428,"readingTime":429,"recommend":282,"title":433,"type":296,"updated":396,"tags":434},[425],"未分类","2025-03-05 8:00:00","从零开始魔改butterfly","/2025/03/btfmougai-1",{"text":337,"minutes":430,"time":431,"words":432},10.475,628500,2095,"博客魔改教程总结(一)",[344,316],{"categories":436,"date":437,"description":427,"image":401,"path":438,"readingTime":439,"recommend":282,"title":443,"type":296,"updated":282,"tags":444},[425],"2025-03-07 09:00:00","/2025/03/btfmougai-2",{"text":337,"minutes":440,"time":441,"words":442},10.81,648600,2162,"博客魔改教程总结(二)",[344,316],{"categories":446,"date":387,"description":447,"image":448,"path":449,"readingTime":450,"recommend":282,"title":455,"type":296,"updated":396,"tags":456},[272],"这篇文章讲述了如何美化博客侧边栏，并调整各个卡片内容的样式表。","/image/PostCover/cardMeihua.avif","/2025/03/cardmeihua",{"text":451,"minutes":452,"time":453,"words":454},"5 min read",4.77,286200,954,"卡片美化",[344,316],{"categories":458,"date":459,"description":460,"image":282,"path":461,"readingTime":462,"recommend":282,"title":467,"type":296,"updated":468,"tags":469},[425],"2025-03-06 12:45","本篇转载三种不同方案（已经放好原文章链接）","/2025/03/essaythree",{"text":463,"minutes":464,"time":465,"words":466},"48 min read",47.34,2840400,9468,"即刻短文的三种部署方案","2025-03-05 14:09",[344,316,295],{"categories":471,"date":387,"description":427,"image":472,"path":473,"readingTime":474,"recommend":282,"title":478,"type":296,"updated":396,"tags":479},[272],"/image/PostCover/functionMeihua.avif","/2025/03/functionmeihua",{"text":323,"minutes":475,"time":476,"words":477},0.345,20700,69,"功能美化",[344,316],{"categories":481,"date":482,"description":483,"image":484,"path":485,"readingTime":486,"recommend":282,"title":491,"type":296,"updated":492,"tags":493},[272],"2025-03-01 10:00:00","本文依照轻笑的部分内容，参考首页banner写法以及对首页banner添加鼠标滚动以及移动端滑动，通过CSS样式进行美化整个首页banner，此篇文章重点讲述了如何解决轻笑给的js内容在首页会出现不断加载的问题。","/image/PostCover/randomPost.avif","/2025/03/randompost",{"text":487,"minutes":488,"time":489,"words":490},"6 min read",5.595,335700,1119,"Banner随机文章展示(轻笑同款)","2025-03-05 12:09:00",[344,316,295],{"categories":495,"date":496,"description":497,"image":498,"path":499,"readingTime":500,"recommend":288,"title":504,"type":296,"updated":505,"tags":506},[272],"2025-08-11 10:00:00","本篇文章讲述了添加模块代码并在博客的友情链接中添加模块，且使用css美化","/image/PostCover/linkTop.avif","/2025/08/linktop",{"text":284,"minutes":501,"time":502,"words":503},8.88,532800,1776,"在友链页面添加滚动头像banner","2025-08-11 20:49:00",[293,294,295],{"categories":508,"date":509,"description":510,"image":511,"path":512,"readingTime":513,"recommend":288,"title":518,"type":296,"updated":519,"tags":520},[272],"2025-08-22 10:00:00","近期将博客迁移至Nuxt框架时，重新搭建了「关于页面」。过程中添加了技能展示组件（skillinfo.vue），实现标签分组渲染；新建about.vue页面，整合个人信息、技能、偏好等多模块内容，并通过ts定义数据接口（about.ts/creativity.ts）。","/image/PostCover/nuxtAboutPage.avif","/2025/08/nuxtaboutpage",{"text":514,"minutes":515,"time":516,"words":517},"16 min read",15.92,955200,3184,"关于页面(Nuxt)","2025-09-01 20:49:00",[293,294,295],{"categories":522,"date":523,"description":524,"image":525,"path":526,"readingTime":527,"recommend":288,"title":531,"type":296,"updated":519,"tags":532},[272],"2025-09-02 10:00:00","本篇文章主要简述了如何给Nuxt框架添加站点详情","https://www.yjluo.top/image/PostCover/siteInfo.avif","/2025/09/sitelinkpageadd",{"text":451,"minutes":528,"time":529,"words":530},4.38,262800,876,"添加站点详情页面",[293,294,295],{"categories":534,"date":536,"description":537,"image":538,"path":539,"readingTime":540,"recommend":288,"title":544,"type":545,"updated":546,"tags":547},[535],"年度总结","2025-12-28 10:00:00","该文章详细记录了2025年中的上下半年所做的事情，并且还透露出后续计划中会干什么。而在前言中也写到此文为水字数而出，上下半年均写到更换框架与服务有关于的内容。对于未来计划中提到了要对一些网站进行恢复、以及明年将在文章中加入与自创小说有关的内容","/image/PostCover/annualSummary.avif","/2025/12/annualsummary",{"text":365,"minutes":541,"time":542,"words":543},3.855,231300,771,"年度总结：旧去新","story","2025-12-28 20:49:00",[548,549],"总结",2025,{"categories":551,"date":552,"description":553,"image":554,"path":555,"readingTime":556,"recommend":288,"title":561,"type":296,"updated":562,"tags":563},[272],"2025-12-01 10:00:00","该文章详细介绍了基于Vue3+TypeScript开发的豆瓣追更记录系统，采用组件化架构实现两栏筛选菜单、动态加载动画和卡片式作品展示，通过Pinia状态管理+Vite构建工具实现数据流管理，集成防抖加载、虚拟滚动等性能优化方案。","/image/PostCover/banguimPage.avif","/2025/12/banguimpageadd",{"text":557,"minutes":558,"time":559,"words":560},"23 min read",22.175,1330500,4435,"添加追更历史","2025-12-01 20:49:00",[293,294,295],{"categories":565,"date":566,"description":567,"image":568,"path":569,"readingTime":570,"recommend":288,"title":575,"type":296,"updated":576,"tags":577},[272],"2025-12-23 10:00:00","该文章介绍Nuxt博客适配中评论模块的Vue组件实现与Artalk评论系统单例管理逻辑，并提供具体的适配评论表情包的Json信息，评论功能有着KaTeX数学公式渲染、图片灯箱、动态监听以及管理逻辑的初始化、计数、暗黑模式切换等方式。","/image/PostCover/commentMeihua.avif","/2025/12/commentadd",{"text":571,"minutes":572,"time":573,"words":574},"27 min read",26.085,1565100,5217,"评论优化","2025-12-23 20:49:00",[293,294,295],{"categories":579,"date":580,"description":581,"image":582,"path":583,"readingTime":584,"recommend":288,"title":589,"type":296,"updated":590,"tags":591},[272],"2025-12-03 10:05:09","该博客持续维护Nuxt框架博客系统，新增装备页面实现硬件/外设分类展示，支持动态过滤、标签筛选与规格参数渲染，通过TypeScript定义数据接口，结合Vue3响应式布局与SCSS响应式设计，完成设备卡片动态加载、悬停动效及跨端适配优化，集成评论跳转与购买信息展示功能。","/image/PostCover/equipmentPage.avif","/2025/12/equipmentpageadd",{"text":585,"minutes":586,"time":587,"words":588},"8 min read",7.28,436800,1456,"添加装备页面","2025-12-03 20:49:09",[293,294,295],{"categories":593,"date":594,"description":595,"image":596,"path":597,"readingTime":598,"recommend":288,"title":603,"type":296,"updated":604,"tags":605},[272],"2025-12-09 10:00:00","该文章记录了项目版本迭代中的UI优化与功能调整，包括增加可后期换配置且内置移动到赞赏总览触发效果的打赏弹窗、优化头部封面移动端预览、增加版权图标虚化及打赏入口、将本地desc预览改ai摘要样式、增加版权卡片及更换头部信息样式。","/image/PostCover/postMeihua.avif","/2025/12/postpagexiugai",{"text":599,"minutes":600,"time":601,"words":602},"12 min read",11.165,669900,2233,"文章美化","2025-12-09 20:49:00",[293,294,295],{"categories":607,"date":608,"description":609,"image":610,"path":611,"readingTime":612,"recommend":288,"title":616,"type":296,"updated":617,"tags":618},[272],"2025-12-04 10:00:00","该文章记录了项目版本迭代中的UI优化与功能调整，包括站点详情卡片组件化改造（采用Badge组件优化布局）、分类卡片新增文章数量统计功能（重新严重问题）、标签卡片新增文章标签统计功能、博主信息模块的拆分与重构，同时删除了冗余的左侧图片和完整博主卡片，最终形成模块化组件结构（涉及5个核心组件及数据调用逻辑调整）。","/image/PostCover/smallCard.avif","/2025/12/smallcardadd",{"text":284,"minutes":613,"time":614,"words":615},8.765,525900,1753,"组件美化","2025-12-04 20:49:00",[293,294,295],{"categories":620,"date":621,"description":622,"image":623,"path":624,"readingTime":625,"recommend":288,"title":630,"type":296,"updated":631,"tags":632},[295],"2026-01-27 10:00:00","自定义全局的样式颜色，具有对特定CSS中所具有的自定义样式颜色来进行整合，并且作者还顺便水了一篇文章","/image/PostCover/colorStyleAll.avif","/2026/01/colorstyleall",{"text":626,"minutes":627,"time":628,"words":629},"14 min read",13.155,789300,2631,"自定义全局颜色","2026-01-27 20:49:00",[633,634],"全局颜色","自定义",{"categories":636,"date":638,"description":282,"image":639,"path":640,"readingTime":641,"recommend":288,"title":646,"type":296,"updated":647,"tags":648},[637],"随笔","2026-01-12 10:00:00","/image/PostCover/essayImage-1.avif","/2026/01/essay-1",{"text":642,"minutes":643,"time":644,"words":645},"3 min read",2.045,122700,409,"随笔：近况","2026-01-12 20:49:00",[649],"日常",{"categories":651,"date":653,"description":654,"image":655,"path":656,"readingTime":657,"recommend":288,"title":661,"type":296,"updated":662,"tags":663},[652],"折腾","2026-01-11 10:00:00","这篇文章是一篇实战经验分享，主要讲解了如何利用腾讯云的EdgeOne边缘安全加速平台，为网站字体等静态资源搭建一个自定义的、高性能的镜像加速服务。","/image/PostCover/jsdmEdge.avif","/2026/01/jsdmedge",{"text":642,"minutes":658,"time":659,"words":660},2.72,163200,544,"使用EdgeOne CDN搭建自用Jsd镜像","2026-01-11 20:49:00",[664,665,666],"镜像","EdgeOne","jsdmirror",{"categories":668,"date":669,"description":670,"image":671,"path":672,"readingTime":673,"recommend":288,"title":678,"type":296,"updated":679,"tags":680},[652],"2026-01-28 19:00:00","本文是一篇关于 Komari Monitor（一款服务器监控系统）的详细介绍与实用指南。文章以作者个人经验为引，对比了哪吒监控（V0/V1版本）与 Komari 在各方面的差异，并逐步演示了如何部署、配置和使用 Komari。","/image/PostCover/komariMonitor.avif","/2026/01/komarimonitor",{"text":674,"minutes":675,"time":676,"words":677},"7 min read",6.86,411600,1372,"komari：全新的探针站点","2026-01-29 13:00:00",[681,682],"探针","监控",{"categories":684,"date":685,"description":609,"image":686,"path":687,"readingTime":688,"recommend":288,"title":692,"type":296,"updated":693,"tags":694},[272],"2026-01-01 10:00:00","/image/PostCover/NewYear.avif","/2026/01/newyear",{"text":642,"minutes":689,"time":690,"words":691},2.15,129000,430,"踏入2026：目标新方向","2026-01-01 20:49:00",[293,294,295],{"categories":696,"date":697,"description":698,"image":699,"path":700,"readingTime":701,"recommend":288,"title":705,"type":545,"updated":706,"tags":707},[272],"2026-01-05 10:00:00","该文章记录了项目中对于字体、图片以及构建产物等静态资源的优化与处理，并且表示自身对于图片的存放位置进行优化。","/image/PostCover/siteAssets.avif","/2026/01/siteassets",{"text":308,"minutes":702,"time":703,"words":704},1.82,109200,364,"站点资源优化","2026-01-07 20:49:00",[293,294,295],{"categories":709,"date":638,"description":274,"image":277,"path":710,"readingTime":711,"recommend":288,"title":715,"type":296,"updated":647,"tags":716},[272],"/2026/01/vpstalk",{"text":514,"minutes":712,"time":713,"words":714},15.545,932700,3109,"随笔：低价主机试水",[293,294,295],{"categories":718,"date":719,"description":720,"image":277,"path":721,"readingTime":722,"recommend":288,"title":726,"type":296,"updated":727,"tags":728},[272],"2026-01-30 10:00:00","该文章主要写了对于大容量硬盘主机的试水。在测试的过程中发现机器性能较高，且展示出机器的具体价格，并单独列出只有精简版未采用完整版测试。","/2026/01/vpstalk-2",{"text":626,"minutes":723,"time":724,"words":725},13.965,837900,2793,"随笔：大容量主机测试","2026-01-30 20:49:00",[293,294,295],{"categories":730,"date":731,"description":274,"image":277,"path":732,"readingTime":733,"recommend":288,"title":737,"type":296,"updated":738,"tags":739},[272],"2026-02-03 10:00:00","/2026/02/fnosinstall",{"text":284,"minutes":734,"time":735,"words":736},8.91,534600,1782,"给老MAC升级为飞牛OS","2026-02-05 20:49:00",[293,294,295],{"categories":741,"date":731,"description":274,"image":277,"path":742,"readingTime":743,"recommend":288,"title":747,"type":296,"updated":738,"tags":748},[272],"/2026/02/macbookperformanctest",{"text":642,"minutes":744,"time":745,"words":746},2.47,148200,494,"【精简】测试老MAC性能",[293,294,295],{"categories":750,"date":273,"description":274,"image":277,"path":281,"readingTime":751,"recommend":288,"title":5,"type":296,"updated":297,"tags":752},[272],{"text":284,"minutes":285,"time":286,"words":287},[293,294,295],[754,282],{"title":747,"path":742,"stem":755,"date":731,"type":296,"children":-1},"posts/2026/02/macBookPerformancTest",1771257475257]