[{"data":1,"prerenderedAt":636},["ShallowReactive",2],{"\u002F2026\u002F01\u002Fcolorstyleall":3,"index_posts":131,"surround-\u002F2026\u002F01\u002Fcolorstyleall":631},{"id":4,"title":5,"body":6,"categories":105,"date":107,"description":108,"draft":109,"extension":110,"image":111,"meta":112,"navigation":114,"path":115,"permalink":116,"published":116,"readingTime":117,"recommend":116,"references":116,"seo":122,"sitemap":123,"stem":124,"subtitle":116,"tags":125,"type":128,"updated":129,"__hash__":130},"content\u002Fposts\u002F2026\u002F01\u002FcolorStyleAll.md","自定义全局颜色",{"type":7,"value":8,"toc":91},"minimark",[9,13,17,21,34,37,44,47,53,56,62,65,71,74,80,84],[10,11,12],"h2",{"id":12},"前言",[14,15,16],"p",{},"最近打算写一篇整合全部目前站点上的各类全局颜色的样式，并水篇文章。",[10,18,20],{"id":19},"张洪heo","张洪HEO",[22,23,30],"pre",{"className":24,"code":26,"filename":27,"language":28,"meta":29},[25],"language-css","\u002F* 张洪HEO颜色样式 *\u002F\n:root{\n    --heo-white: #fff;\n    --heo-black: #000;\n    --heo-none: rgba(0,0,0,0);\n    --heo-gray: #999999;\n    --heo-yellow: #ffc93e;\n    --heo-main: var(--heo-theme);\n    --heo-main-op: var(--heo-theme-op);\n    --heo-shadow-theme: 0 8px 12px -3px var(--heo-theme-op);\n    --heo-shadow-main: 0 8px 12px -3px var(--heo-main-op);\n    --heo-shadow-blue: 0 8px 12px -3px rgba(40, 109, 234,.20);\n    --heo-shadow-white: 0 8px 12px -3px rgba(255, 255, 255,.20);\n    --heo-shadow-black: 0 0 12px 4px rgba(0, 0, 0,.05);\n    --heo-shadow-yellow: 0px 38px 77px -26px rgba(255, 201, 62,.12);\n    --heo-shadow-red: 0 8px 12px -3px #ee7d7936;\n    --heo-shadow-green: 0 8px 12px -3px #87ee7936;\n    --heo-logo-color: linear-gradient(215deg,#4584ff 30%,#ff7676 70%);\n    --style-border: 1px solid var(--heo-card-border);\n    --style-border-hover: 1px solid var(--heo-theme);\n  }\n\n  \n.root,.light {\n    --heo-theme: #425AEF;\n    --heo-theme-op: #4259ef23;\n    --heo-blue: #425AEF;\n    --heo-red: #D8213C;\n    --heo-pink: #FF7C7C;\n    --heo-green: #57bd6a;\n    --heo-fontcolor: #363636;\n    --heo-background: #f7f9fe;\n    --heo-reverse: #000;\n    --heo-maskbg: rgba(255, 255, 255, 0.6);\n    --heo-maskbgdeep: rgba(255, 255, 255, 0.85);\n    --heo-hovertext: var(--heo-theme);\n    --heo-ahoverbg: #F7F7FA;\n    --heo-lighttext: var(--heo-main);\n    --heo-secondtext: rgba(60, 60, 67, 0.6);\n    --heo-scrollbar: rgba(60, 60, 67, 0.4);\n    --heo-card-btn-bg: #edf0f7;\n    --heo-post-blockquote-bg: #fafcff;\n    --heo-post-tabs-bg: #f2f5f8;\n    --heo-secondbg: #edf0f7;\n    --heo-shadow-nav:0 5px 12px -5px rgba(102, 68, 68, 0.05);\n    --heo-card-bg: #fff;\n    --heo-shadow-lightblack:0 5px 12px -5px rgba(102, 68, 68, 0.00);\n    --heo-shadow-light2black:0 5px 12px -5px rgba(102, 68, 68, 0.00);\n    --heo-card-border: #e3e8f7;\n}\n  \n.dark {\n    --heo-theme: #0084FF;\n    --heo-theme-op: #0084FF23;\n    --heo-blue: #0084FF;\n    --heo-red: #FF3842;\n    --heo-pink: #FF7C7C;\n    --heo-green: #57bd6a;\n    --heo-fontcolor: #F7F7FA;\n    --heo-background: #18171d;\n    --heo-reverse: #fff;\n    --heo-maskbg: rgba(0,0,0, 0.6);\n    --heo-maskbgdeep: rgba(0,0,0, 0.85);\n    --heo-hovertext: #0A84FF;\n    --heo-ahoverbg: #fff;\n    --heo-lighttext: #f2b94b;\n    --heo-secondtext: #a1a2b8;\n    --heo-scrollbar: rgba(200, 200, 223, 0.4);\n    --heo-card-btn-bg: #30343f;\n    --heo-post-blockquote-bg: #000;\n    --heo-post-tabs-bg: #121212;\n    --heo-secondbg: #30343f;\n    --heo-shadow-nav:0 5px 20px 0px rgba(28, 28, 28, 0.4);\n    --heo-card-bg: #1d1b26;\n    --heo-shadow-lightblack:0 5px 12px -5px rgba(102, 68, 68, 0.0);\n    --heo-shadow-light2black:0 5px 12px -5px rgba(102, 68, 68, 0.0);\n    --heo-card-border: #42444a;\n}\n\n[data-theme=dark], body.dark, body.dark-theme,[eagle-extension-theme=\"dark\"],body.dark-open,[color-scheme=dark],[data-scheme=\"inverse\"] {\n  --heo-theme: #f2b94b;\n  --heo-theme-op: #f2b94b23;\n  --heo-theme-op-deep: #f2b94bdd;\n  --heo-theme-none: #f2b94b00;\n  --heo-blue: #0084FF;\n  --heo-red: #FF3842;\n  --heo-pink: #d44040;\n  --heo-green: #3e9f50;\n  --heo-yellow: #ffc93e;\n  --heo-yellow-op: #ffc93e30;\n  --heo-orange: #ff953e;\n  --heo-fontcolor: #F7F7FA;\n  --heo-background: #18171d;\n  --heo-reverse: #fff;\n  --heo-maskbg: rgba(0, 0, 0, 0.6);\n  --heo-maskbgdeep: rgba(0, 0, 0, 0.85);\n  --heo-hovertext: #0A84FF;\n  --heo-ahoverbg: #fff;\n  --heo-lighttext: var(--heo-theme);\n  --heo-secondtext: #a1a2b8;\n  --heo-scrollbar: rgba(200, 200, 223, 0.4);\n  --heo-card-btn-bg: #30343f;\n  --heo-post-blockquote-bg: #000;\n  --heo-post-tabs-bg: #121212;\n  --heo-secondbg: #30343f;\n  --heo-shadow-nav: 0 5px 20px 0px rgba(28, 28, 28, 0.4);\n  --heo-card-bg: #1d1e22;\n  --heo-card-bg-op: var(--heo-white-op);\n  --heo-card-bg-none: #1d1b2600;\n  --heo-shadow-lightblack: 0 5px 12px -5px rgba(102, 68, 68, 0.0);\n  --heo-shadow-light2black: 0 5px 12px -5px rgba(102, 68, 68, 0.0);\n  --heo-card-border: #3d3d3f;\n  --heo-shadow-border: 0 8px 16px -4px #00000050;\n  --style-border: 1px solid var(--heo-card-border);\n  --style-border-always: 1px solid var(--heo-card-border);\n  --style-border-hover: 1px solid var(--heo-theme);\n  --style-border-hover-always: 1px solid var(--heo-theme);\n  --style-border-dashed: 1px dashed var(--heo-theme-op);\n  --style-border-forever: 2px solid var(--heo-lighttext);\n}\n\n@media screen and (max-width: 768px){\n    :root{\n        --style-border: 0px solid var(--heo-card-border);\n        --style-border-hover: 0px solid var(--heo-theme);\n    }\n}\n","heo.css","css","lang=\"css\"",[31,32,26],"code",{"__ignoreMap":33},"",[10,35,36],{"id":36},"icat",[22,38,42],{"className":39,"code":40,"filename":41,"language":28,"meta":29},[25],"\u002F* 颜色变量定义(icat) *\u002F\n:root {\n    --icat-white: #fff;\n    --icat-white-op: rgba(255, 255, 255, 0.2);\n    --icat-black: #000;\n    --icat-black-op: rgba(0, 0, 0, 0.2);\n    --icat-none: #00000000;\n    --icat-gray: #999999;\n    --icat-gray-op: #9999992b;\n    --icat-vip: #e5a80d;\n    --icat-main: var(--icat-theme);\n    --icat-main-op: var(--icat-theme-op);\n    --icat-main-op-deep: var(--icat-theme-op-deep);\n    --icat-main-op-light: var(--icat-theme-op-light);\n    --icat-main-none: var(--icat-theme-none);\n    --icat-shadow-theme: 0 8px 12px -3px var(--icat-theme-op);\n    --icat-shadow-blackdeep: 0 2px 16px -3px rgba(0, 0, 0, .15);\n    --icat-shadow-main: 0 8px 12px -3px var(--icat-main-op);\n    --icat-shadow-blue: 0 8px 12px -3px rgba(40, 109, 234, .20);\n    --icat-shadow-white: 0 8px 12px -3px rgba(255, 255, 255, .20);\n    --icat-shadow-black: 0 0 12px 4px rgba(0, 0, 0, .05);\n    --icat-shadow-yellow: 0px 38px 77px -26px rgba(255, 201, 62, .12);\n    --icat-shadow-red: 0 8px 12px -3px #ee7d7936;\n    --icat-shadow-green: 0 8px 12px -3px #87ee7936;\n    --icat-logo-color: linear-gradient(215deg, #4584ff 0%, #cf0db9 100%);\n    --icat-snackbar-time: 5s;\n    --icat-post-bg: var(--icat-blue);\n    --style-border-hover-always: 1px solid var(--icat-blue)\n}\n\n.light, :root {\n    --icat-theme: #425AEF;\n    --icat-theme-op: #4259ef23;\n    --icat-theme-op-deep: #4259efdd;\n    --icat-theme-op-light: #4259ef0d;\n    --icat-theme-none: #4259ef01;\n    --icat-blue: #425AEF;\n    --icat-blue-op: #425AEF4D;\n    --icat-red: #f04a63;\n    --icat-pink: #FF7C7C;\n    --icat-green: #57bd6a;\n    --icat-yellow: #c28b00;\n    --icat-yellow-op: #d99c001a;\n    --icat-orange: #e38100;\n    --icat-shadow-orange: 0 8px 12px -3px rgba(227, 129, 0, .2);\n    --icat-purple: #7a60d2;\n    --icat-fontcolor: #363636;\n    --icat-background: #f7f9fe;\n    --icat-reverse: #000;\n    --icat-maskbg: rgba(255, 255, 255, 0.6);\n    --icat-maskbgdeep: rgba(255, 255, 255, 0.85);\n    --icat-hovertext: var(--icat-main);\n    --icat-ahoverbg: #F7F7FA;\n    --icat-lighttext: var(--icat-main);\n    --icat-secondtext: rgba(60, 60, 67, 0.8);\n    --icat-scrollbar: rgba(60, 60, 67, 0.4);\n    --icat-card-btn-bg: #edf0f7;\n    --icat-post-blockquote-bg: #fafcff;\n    --icat-post-tabs-bg: #f2f5f8;\n    --icat-secondbg: #f7f7f9;\n    --icat-shadow-nav: 0 5px 12px -5px rgba(102, 68, 68, 0.05);\n    --icat-card-bg: #fff;\n    --icat-card-bg-op: var(--icat-black-op);\n    --icat-card-bg-none: rgba(255, 255, 255, 0);\n    --icat-shadow-lightblack: 0 5px 12px -5px rgba(102, 68, 68, 0.00);\n    --icat-shadow-light2black: 0 5px 12px -5px rgba(102, 68, 68, 0.00);\n    --icat-card-border: #e3e8f7;\n    --icat-shadow-border: 0 8px 16px -4px #2c2d300c;\n    --icat-tabs-background: #49B1F5;\n    --style-border: 1px solid var(--icat-card-border);\n    --style-border-hover: 1px solid var(--icat-main);\n    --style-border-dashed: 1px dashed var(--icat-theme-op);\n    --style-border-forever: 2px solid var(--icat-main)\n}\n\n.dark {\n    --icat-theme: #f2b94b;\n    --icat-theme-op: #f2b94b23;\n    --icat-theme-op-deep: #f2b94bdd;\n    --icat-theme-none: #f2b94b00;\n    --icat-blue: #0084FF;\n    --icat-blue-op: #0084FF4D;\n    --icat-red: #FF3842;\n    --icat-pink: #d44040;\n    --icat-green: #3e9f50;\n    --icat-purple: #7a60d2;\n    --icat-yellow: #ffc93e;\n    --icat-yellow-op: #ffc93e30;\n    --icat-orange: #ff953e;\n    --icat-shadow-orange: 0 8px 12px -3px rgba(255, 149, 62, .2);\n    --icat-fontcolor: #F7F7FA;\n    --icat-background: #18171d;\n    --icat-reverse: #fff;\n    --icat-maskbg: rgba(0, 0, 0, 0.6);\n    --icat-maskbgdeep: rgba(0, 0, 0, 0.85);\n    --icat-hovertext: #0A84FF;\n    --icat-ahoverbg: #fff;\n    --icat-lighttext: var(--icat-theme);\n    --icat-secondtext: #a1a2b8;\n    --icat-scrollbar: rgba(200, 200, 223, 0.4);\n    --icat-card-btn-bg: #30343f;\n    --icat-post-blockquote-bg: #000;\n    --icat-post-tabs-bg: #121212;\n    --icat-secondbg: #21232a;\n    --icat-shadow-nav: 0 5px 20px 0px rgba(28, 28, 28, 0.4);\n    --icat-card-bg: #1b1c20;\n    --icat-card-bg-op: var(--icat-white-op);\n    --icat-card-bg-none: #1d1b2600;\n    --icat-shadow-lightblack: 0 5px 12px -5px rgba(102, 68, 68, 0.0);\n    --icat-shadow-light2black: 0 5px 12px -5px rgba(102, 68, 68, 0.0);\n    --icat-card-border: #3d3d3f;\n    --icat-shadow-border: 0 8px 16px -4px #00000050;\n    --icat-tabs-background: #81d8cf;\n    --style-border: 1px solid var(--icat-card-border);\n    --style-border-hover: 1px solid var(--icat-theme);\n    --style-border-dashed: 1px dashed var(--icat-theme-op);\n    --style-border-forever: 2px solid var(--icat-lighttext)\n}\n","qiyuange.css",[31,43,40],{"__ignoreMap":33},[10,45,46],{"id":46},"安知鱼",[22,48,51],{"className":49,"code":50,"filename":41,"language":28,"meta":29},[25],"\u002F* 安知鱼主题变量定义 *\u002F\n:root {\n  --anzhiyu-theme: #3b70fc;\n  --anzhiyu-theme-op: #4259ef23;\n  --anzhiyu-white: #fff;\n  --anzhiyu-black: #000;\n  --anzhiyu-none: rgba(0, 0, 0, 0);\n  --anzhiyu-gray: #999999;\n  --anzhiyu-yellow: #ffc93e;\n  --anzhiyu-border-radius: 8px;\n  --anzhiyu-main: var(--anzhiyu-theme);\n  --anzhiyu-main-op: var(--anzhiyu-theme-op);\n  --anzhiyu-shadow-theme: 0 8px 12px -3px var(--anzhiyu-theme-op);\n  --anzhiyu-shadow-main: 0 8px 12px -3px var(--anzhiyu-main-op);\n  --anzhiyu-shadow-blue: 0 8px 12px -3px rgba(40, 109, 234, 0.2);\n  --anzhiyu-shadow-white: 0 8px 12px -3px rgba(255, 255, 255, 0.2);\n  --anzhiyu-shadow-black: 0 0 12px 4px rgba(0, 0, 0, 0.05);\n  --anzhiyu-shadow-yellow: 0px 38px 77px -26px rgba(255, 201, 62, 0.12);\n  --anzhiyu-shadow-red: 0 8px 12px -3px #ee7d7936;\n  --anzhiyu-shadow-green: 0 8px 12px -3px #87ee7936;\n  --anzhiyu-shadow-border: 0 8px 16px -4px #2c2d300c;\n  --anzhiyu-logo-color: linear-gradient(215deg, #4584ff 30%, #ff7676 70%);\n  --style-border: 1px solid var(--anzhiyu-card-border);\n  --anzhiyu-blue-main: #3b70fc;\n  --style-border-hover: 1px solid var(--anzhiyu-main);\n  --style-border-dashed: 1px dashed var(--anzhiyu-theme-op);\n  --style-border-avatar: 4px solid var(--anzhiyu-background);\n  --style-border-always: 1px solid var(--anzhiyu-card-border);\n  --anzhiyu-white-acrylic1: #fefeff !important;\n  --anzhiyu-white-acrylic2: #fcfdff !important;\n  --anzhiyu-black-acrylic2: #08080a !important;\n  --anzhiyu-black-acrylic1: #0b0b0e !important;\n}\n\n.light, :root {\n  --anzhiyu-theme: #3b70fc;\n  --anzhiyu-theme-op: #4259ef23;\n  --anzhiyu-blue: #3b70fc;\n  --anzhiyu-red: #d8213c;\n  --anzhiyu-pink: #ff7c7c;\n  --anzhiyu-green: #57bd6a;\n  --anzhiyu-fontcolor: #363636;\n  --anzhiyu-background: #f7f9fe;\n  --anzhiyu-reverse: #000;\n  --anzhiyu-maskbg: rgba(255, 255, 255, 0.6);\n  --anzhiyu-maskbgdeep: rgba(255, 255, 255, 0.85);\n  --anzhiyu-hovertext: var(--anzhiyu-theme);\n  --anzhiyu-ahoverbg: #f7f7fa;\n  --anzhiyu-lighttext: var(--anzhiyu-main);\n  --anzhiyu-secondtext: rgba(60, 60, 67, 0.6);\n  --anzhiyu-scrollbar: rgba(60, 60, 67, 0.4);\n  --anzhiyu-card-btn-bg: #edf0f7;\n  --anzhiyu-post-blockquote-bg: #fafcff;\n  --anzhiyu-post-tabs-bg: #f2f5f8;\n  --anzhiyu-secondbg: #edf0f7;\n  --anzhiyu-shadow-nav: 0 5px 12px -5px rgba(102, 68, 68, 0.05);\n  --anzhiyu-card-bg: #fff;\n  --anzhiyu-shadow-lightblack: 0 5px 12px -5px rgba(102, 68, 68, 0);\n  --anzhiyu-shadow-light2black: 0 5px 12px -5px rgba(102, 68, 68, 0);\n  --anzhiyu-card-border: #c0c6d8;\n}\n\n.dark {\n  --anzhiyu-theme: #0084ff;\n  --anzhiyu-theme-op: #0084ff23;\n  --anzhiyu-blue: #0084ff;\n  --anzhiyu-red: #ff3842;\n  --anzhiyu-pink: #ff7c7c;\n  --anzhiyu-green: #57bd6a;\n  --anzhiyu-fontcolor: #f7f7fa;\n  --anzhiyu-background: #18171d;\n  --anzhiyu-reverse: #fff;\n  --anzhiyu-maskbg: rgba(0, 0, 0, 0.6);\n  --anzhiyu-maskbgdeep: rgba(0, 0, 0, 0.85);\n  --anzhiyu-hovertext: #0a84ff;\n  --anzhiyu-ahoverbg: #fff;\n  --anzhiyu-lighttext: #f2b94b;\n  --anzhiyu-secondtext: #a1a2b8;\n  --anzhiyu-scrollbar: rgba(200, 200, 223, 0.4);\n  --anzhiyu-card-btn-bg: #30343f;\n  --anzhiyu-post-blockquote-bg: #000;\n  --anzhiyu-post-tabs-bg: #121212;\n  --anzhiyu-secondbg: #30343f;\n  --anzhiyu-shadow-nav: 0 5px 20px 0px rgba(28, 28, 28, 0.4);\n  --anzhiyu-card-bg: #1d1b26;\n  --anzhiyu-shadow-lightblack: 0 5px 12px -5px rgba(102, 68, 68, 0);\n  --anzhiyu-shadow-light2black: 0 5px 12px -5px rgba(102, 68, 68, 0);\n  --anzhiyu-card-border: #42444a;\n}\n",[31,52,50],{"__ignoreMap":33},[10,54,55],{"id":55},"柒渊阁",[22,57,60],{"className":58,"code":59,"filename":41,"language":28,"meta":29},[25],"\u002F* 柒渊阁 *\u002F\n.dark {\n\t--qiyuan-card-background: #000;\n\t--qiyuan-editor: var(--qiyuan-card-background);\n\t--qiyuan-warp: var(--qiyuan-card-background);\n\t--qiyuan-preview: var(--qiyuan-card-background);\n\t--qiyuan-bottom: var(--qiyuan-card-background);\n  --qiyuan-card-backgroundtwo: #fff;\n  --qiyuan-input: var(--qiyuan-card-backgroundtwo);\n}\n\n.light, :root {\n  --qiyuan-card-backgroundtwo: #fff;\n\t--qiyuan-card-background: #fff;\n\t--qiyuan-editor: var(--qiyuan-card-background);\n\t--qiyuan-warp: var(--qiyuan-card-background);\n\t--qiyuan-preview: var(--qiyuan-card-background);\n\t--qiyuan-bottom: var(--qiyuan-card-background);\n  --qiyuan-input: var(--qiyuan-card-backgroundtwo);\n}\n\n.atk-content {\n    color: var(--c-text)!important;\n}\n",[31,61,59],{"__ignoreMap":33},[10,63,64],{"id":64},"风纪星辰",[22,66,69],{"className":67,"code":68,"filename":41,"language":28,"meta":29},[25],"\u002F* 风纪星辰样式表 *\u002F\n:root {\n\t\u002F* 颜色 *\u002F\n\t--thyuu--main-color: var(--custom-main-hue, 0deg) var(--custom-main-sat, 70%) var(--custom-main-lig, 70%);\n\t--thyuu--subs-color: var(--custom-subs-hue, 20deg) var(--custom-subs-sat, 70%) var(--custom-subs-lig, 70%);\n\t--thyuu--color-font: 0deg 0% 20%;\n\t--thyuu--alpha-font: 100%;\n\t--thyuu--color-font-head: hsl(var(--thyuu--color-font) \u002F var(--thyuu--alpha-font));\n\t--thyuu--color-font-fill: hsl(0deg 0% 100% \u002F .9);\n\t--thyuu--color-scroll: hsl(var(--thyuu--main-color) \u002F 30%);\n\t--thyuu--color-back-font: hsl(var(--thyuu--color-font) \u002F 5%);\n\t--thyuu--color-back-have: hsl(0deg 0% 98%);\n\t--thyuu--color-back-white: hsl(0deg 0% 100%);\n\t--thyuu--color-back-none: transparent;\n\t\n\t\u002F* 字体 *\u002F\n\t--thyuu--font-weight-normal: 400;\n\t--thyuu--font-weight-title: 600;\n\t--thyuu--font-family-normal: var(--custom-fonts, none), 'Misans VF', 'PingFang SC', 'Noto Sans SC', sans-serif, thyuu-iconfont;\n\t--thyuu--font-family-slogn: var(--custom-slogn, none), '快看世界体', var(--thyuu--font-family-normal);\n\t--thyuu--font-family-coder: var(--custom-coder, none), 'Monaco', 'Consolas', var(--thyuu--font-family-normal);\n\t--thyuu--font-family-title: var(--thyuu--font-family-normal);\n\t\n\t\u002F* 尺寸 *\u002F\n\t--thyuu--size-normal: var(--custom-font-size, 16px);\n\t--thyuu--size-medium: .875rem;\n\t--thyuu--size-small: .75rem;\n\t--thyuu--size-title: 1rem;\n\t--thyuu--size-edgetb: var(--thyuu--height-head);\n\t--thyuu--size-edgelr: 3rem;\n\t--thyuu--size-area: 3rem;\n\t--thyuu--size-divs: 1.5rem;\n\t--thyuu--size-span: 1rem;\n\t--thyuu--size-icon: 1.25rem;\n\t--thyuu--size-radius: var(--custom-radius, var(--thyuu--size-normal));\n\t--thyuu--size-card-normal: 22.5rem;\n\t--thyuu--size-card-small: 13.5rem;\n\t--thyuu--size-screen-medium: 1152px;\n\t--thyuu--size-content: var(--custom-content-size, 62.5rem);\n\t--thyuu--size-scroll: 12px;\n\t--thyuu--size-cover-top: max(10em, 30vh);\n\t\n\t\u002F* 区块 *\u002F\n\t--thyuu--height-head: 4rem;\n\t--thyuu--sticky-head: var(--thyuu--height-head);\n\t--thyuu--height-cover: max(var(--thyuu--size-card-normal), 80vh);\n\t--thyuu--align-cover: var(--custom-cover-align,center);\n\t--thyuu--mask-scroll-y: linear-gradient(#0000, #000 var(--thyuu--size-divs), #000 calc(100% - var(--thyuu--size-divs)), #0000);\n\t--thyuu--mask-scroll-x: linear-gradient(90deg,#0000, #000 var(--thyuu--size-divs), #000 calc(100% - var(--thyuu--size-divs)), #0000);\n\t--thyuu--border: thin solid hsl(var(--thyuu--color-font) \u002F 5%);\n\t--thyuu--shadow-text: 0 .04rem .2rem rgb(0 0 0 \u002F 30%);\n\t--thyuu--shadow-normal: 0 .2rem 1rem 0 hsl(0deg 0% 15% \u002F 10%);\n\t--thyuu--shadow-white: 0 .2rem 1rem 0 hsl(0deg 0% 15% \u002F 4%);\n\t--thyuu--shadow-color: var(--thyuu--shadow-normal), 0 2rem 2rem -2rem hsl(var(--thyuu--main-color) \u002F 30%);\n\n\t--animation-on:cubic-bezier(.6, .1, 0, 1);\n\t--animation-in:cubic-bezier(.6, .2, .25, 1);\n\t--animation: opacity .5s var(--animation-in) backwards, transform 1s var(--animation-in) backwards, filter .7s var(--animation-in);\n\n\t\u002F* wp重置 *\u002F\n\t--wp--preset--font-size--small: .75em;\n\t--wp--preset--font-size--medium: 1.75em;\n\t--wp--preset--font-size--large: 2em;\n\t--wp--preset--font-size--x-large: 3em;\n\n    \u002F* 番剧 *\u002F\n    --banguim--edgelr: 3rem;\n    --animation: opacity .5s var(--animation-in) backwards, transform 1s var(--animation-in) backwards, filter .7s var(--animation-in);\n    --db--text-color: hsl(var(--thyuu--color-font) \u002F var(--thyuu--alpha-font));\n    --thyuu--color-font: 0deg 0% 20%;\n    --thyuu--alpha-font: 100%;\n}\n@media (max-width: 1152px) {\n    :root {\n        --thyuu--size-edgelr:1.5rem;\n    }\n}\n@media (max-width: 641px) {\n    :root {\n        --thyuu--sticky-head:1rem;\n        --thyuu--size-scroll:0rem;\n    }\n}\n@view-transition {\n    navigation: auto;\n}\n\u002F* 夜间模式 *\u002F\n:root, .dark {\n    --thyuu--color-font:var(--custom-main-hue, 214deg) 5% 80%;\n    --thyuu--color-back-have:hsl(var(--custom-main-hue, 214deg) 5% 5%);\n    --thyuu--color-back-white:hsl(var(--custom-main-hue, 214deg) 5% 10%);\n    --thyuu--color-back-shift:hsl(var(--custom-main-hue, 214deg) 5% 20% \u002F 50%);\n    --thyuu--color-font-fill:var(--thyuu--color-back-have);\n    --db-main-color: hsl(var(--thyuu--main-color) \u002F 70%);\n\t--db-hover-color: hsl(var(--thyuu--main-color) \u002F 70%);\n\t--db--text-color: hsl(var(--thyuu--color-font) \u002F var(--thyuu--alpha-font));\n\t--db--text-color-light: var(--thyuu--alpha-font);\n\ttransition: .3s;\n}\n:root body.nav-fixed {\n    --thyuu--height-head:3rem;\n}\n\n\u002F* 附加属性 *\u002F\n:root :where(body.dark-page),\n:root:has(body.dark-page) {\n    --logo-color:0deg 0% 100%;\n    --thyuu--color-font:0deg 0% 100%;\n    --thyuu--alpha-font:75%;\n    --thyuu--color-back-font:hsl(0deg 0% 60% \u002F .05);\n    --thyuu--color-back-have:hsl(0deg 0% 0%);\n    --thyuu--color-back-white:hsl(0deg 0% 60% \u002F .1);\n    --thyuu--color-back-shift:hsl(0deg 0% 60% \u002F .1);\n    --thyuu--color-back-text:none;\n    --thyuu--color-font-fill:var(--thyuu--color-back-have);\n    --thyuu--color-font-head:hsl(0deg 0% 100% \u002F .9);\n    --thyuu--shadow-shift:var(--thyuu--shadow-white);\n}\n:root body.single:not(.nav-fixed, .single-format-image, .single-format-gallery) header {\n    --thyuu--color-font-head: hsl(0deg 0% 100% \u002F .9);\n    --thyuu--color-font-fill: hsl(0deg 0% 0% \u002F .7);\n    --logo-color: var(--thyuu--color-font-head);\n}\n\n[class*=\"thyuu-icon-\"]::before {\n\tfont-family: thyuu-iconfont;\n\tfont-style: normal;\n    font-weight: normal;\n}\n\n\u002F* 通用动画 *\u002F\n@keyframes rotate{\n\tfrom{transform: rotate(0deg)}\n\tto{transform: rotate(1turn)}\n}\n@keyframes opacity {\n\t0% {opacity: var(--opci, 0);}\n\t100% {opacity: var(--opci-in, 1);}\n}\n@keyframes transform {\n\t0% {transform: var(--trfm, translateY(1rem)); transform-origin: var(--trfm-or, top); }\n\t100% {transform: var(--trfm-in, none);}\n}\n@keyframes filter {\n\t0% {filter: var(--filter, none);}\n\t100% {filter: var(--filter-in, none);}\n}\n@keyframes nothumb {\n\t100% {background-position: 50%, 200%, 200%;}\n}\n@keyframes end {\n\t0% {opacity: 1;}\n\t100% {opacity: 0;}\n}\n@keyframes onheight {\n\t0% {height: 0;}\n}\n@keyframes onwidth {\n\t0% {width: 0;}\n}\n@keyframes userbg {\n\t0% {height: 0;scale: 2;}\n}\n",[31,70,68],{"__ignoreMap":33},[10,72,73],{"id":73},"yriu",[22,75,78],{"className":76,"code":77,"filename":41,"language":28,"meta":29},[25],"\u002F* yriu *\u002F\n@media (orientation: portrait) {\n    :root {\n        --header-bar-height:3.75rem;\n        --footer-bar-height: 5.5rem;\n        --centered-width: 100%;\n        --side-bar-width: 0rem;\n        --hide-side-bar-width: 0rem;\n        --tool-bar-width: 0rem;\n        --drawer-width: 16rem;\n        --music-bar-height: 3rem;\n        --music-bar-width: 100vw;\n        --hide-music-bar-width: 100vw;\n        --hide-music-bar-height: 100vw;\n        --music-bar-bottom: calc(var(--footer-bar-height) - var(--music-bar-height)\u002F2);\n        --pt-main: var(--header-bar-height)\n    }\n}\n\n@media (orientation: landscape) {\n    :root {\n        --header-bar-height:5.5rem;\n        --footer-bar-height: 0rem;\n        --side-bar-width: 12rem;\n        --hide-side-bar-width: 3.5rem;\n        --tool-bar-width: 0rem;\n        --drawer-width: 18rem;\n        --music-bar-width: calc(var(--side-bar-width) - 1rem);\n        --music-bar-height: var(--music-bar-width);\n        --hide-music-bar-width: calc(var(--hide-side-bar-width) - 1rem);\n        --hide-music-bar-height: var(--hide-music-bar-width);\n        --music-bar-bottom: .5rem;\n        --pt-main: calc(var(--header-bar-height) - 2rem)\n    }\n}\n\n@media (min-width: 1200px) and (orientation:landscape) {\n    :root {\n        --tool-bar-width:16rem;\n        --centered-width: 70rem\n    }\n}\n\n:root {\n    --border-radius-3xs: .25rem;\n    --border-radius-2xs: .375rem;\n    --border-radius-xs: .5rem;\n    --border-radius-sm: .625rem;\n    --border-radius-base: .75rem;\n    --border-radius-md: 1rem;\n    --border-radius-lg: 1.25rem;\n    --border-radius-xl: 1.5rem;\n    --border-radius-2xl: 1.75rem;\n    --border-radius-3xl: 2rem;\n    --border-radius-full: 9999px;\n    --shadow-sm: 0 1px 2px 0 rgba(44,45,48,.05);\n    --shadow-base: 0 8px 16px -4px rgba(44,45,48,.047);\n    --shadow-md: 0 4px 6px -1px rgba(44,45,48,.1),0 2px 4px -1px rgba(44,45,48,.06);\n    --shadow-lg: 0px 2px 4px -2px hsla(0,0%,9%,.06),0px 4px 8px -2px hsla(0,0%,9%,.1);\n    --shadow-xl: 0 20px 25px -5px rgba(44,45,48,.1),0 10px 10px -5px rgba(44,45,48,.04);\n    --shadow-2xl: 0 25px 70px -12px rgba(44,45,48,.15);\n    --border-color: rgba(171,192,221,.3)\n}\n\n.dark {\n    --border-color: rgba(49,60,77,.3)\n}\n\n:root {\n    --theme-color: #425aef;\n    --theme-color-rgb: 66,90,239;\n    --theme-color-50: #e8ebfd;\n    --theme-color-100: #c8d0fa;\n    --theme-color-200: #a9b5f7;\n    --theme-color-300: #899af4;\n    --theme-color-400: #6a7ff1;\n    --theme-color-500: #425aef;\n    --theme-color-600: #3448bf;\n    --theme-color-700: #27368f;\n    --theme-color-800: #1a245f;\n    --theme-color-900: #0d122f;\n    --theme-color-950: #060918\n}\n\n:root,body {\n    --theme-color-switch: var(--theme-color-500)\n}\n\n.dark,.dark body {\n    --theme-color-switch: var(--theme-color-300)\n}\n\n:root {\n    --gray-50: #f8fafc;\n    --gray-100: #f1f5f9;\n    --gray-150: #edf2f7;\n    --gray-200: #e2e8f0;\n    --gray-250: #d9e2e8;\n    --gray-300: #c9d1d9;\n    --gray-350: #b9c2cd;\n    --gray-400: #94a3b8;\n    --gray-450: #7f8fa6;\n    --gray-500: #64748b;\n    --gray-550: #4f5e70;\n    --gray-600: #475569;\n    --gray-650: #3e4958;\n    --gray-700: #334155;\n    --gray-750: #273344;\n    --gray-800: #222d3f;\n    --gray-850: #101c2e;\n    --gray-900: #0a1225;\n    --gray-950: #060d1d;\n    --gray-1000: #000\n}\n\n.light,:root {\n    --bg-background: var(--gray-150);\n    --bg-level-b1: var(--gray-200);\n    --bg-level-1: var(--gray-100);\n    --bg-level-2: var(--gray-50);\n    --bg-level-3: var(--gray-50);\n    --bg-level-4: #fff;\n    --bg-level-5: #fff;\n    --bg-card: hsla(0,0%,100%,.6);\n    --text-1: var(--gray-900);\n    --text-2: var(--gray-800);\n    --text-3: var(--gray-700);\n    --text-4: var(--gray-400);\n    --text-5: var(--gray-200);\n    --bg-mask: rgba(221,225,233,.5);\n    --bg-head-bar: hsla(240,9%,98%,.7)\n}\n\n.dark {\n    --bg-background: var(--gray-950);\n    --bg-level-b1: var(--gray-1000);\n    --bg-level-1: var(--gray-900);\n    --bg-level-2: var(--gray-850);\n    --bg-level-3: var(--gray-800);\n    --bg-level-4: var(--gray-750);\n    --bg-level-5: var(--gray-700);\n    --bg-card: rgba(24,37,58,.5);\n    --text-1: var(--gray-300);\n    --text-2: var(--gray-400);\n    --text-3: var(--gray-500);\n    --text-4: var(--gray-600);\n    --text-5: var(--gray-800);\n    --bg-mask: rgba(1,8,24,.5);\n    --bg-head-bar: rgba(14,29,47,.7)\n}\n",[31,79,77],{"__ignoreMap":33},[81,82,83],"h3",{"id":83},"ganvin",[22,85,89],{"className":86,"code":87,"filename":88,"language":28,"meta":29},[25],"\u002F* ganvin *\u002F\n:root {\n    --gavin-blue1: rgb(0, 150, 255);\n    --gavin-blue2: rgb(0, 136, 255);\n    --gavin-blue3: rgb(0, 100, 255);\n    \u002F* --gavin-theme-color: var(--gavin-blue2); *\u002F\n    --gavin-highlight: rgb(var(--gavin-theme-color));\n    --gavin-highlight-op: rgba(var(--gavin-theme-color), .18);\n    --gavin-highlight-op-1: rgba(var(--gavin-theme-color), .1);\n    --gavin-highlight-op-6: rgba(var(--gavin-theme-color), .6);\n    --gavin-theme-color-light: 0,100,255;\n    \u002F* 129, 78, 250; *\u002F\n    --gavin-theme-color-dark: 0,150,255;\n    \u002F* 0, 234, 208; *\u002F\n    --gavin-background: var(--gavin-grey-1);\n    \u002F* --gavin-theme-color-dark: 26, 251, 255; 亮蓝 *\u002F\n    --font-color: rgba(var(--font-color-rgb), .85);\n    --font-color-blod: rgba(var(--font-color-rgb), 1);\n    --rightside-bg: rgba(var(--op), .1);\n    --vercel-btn-bg: var(--dis-f-0);\n    --vercel-btn-hover-bg: var(--f-0);\n    --vercel-btn-border: var(--dis-f-0);\n    --hr-border: var(--gavin-blue2);\n    --hr-before-color: var(--gavin-blue2);\n    --article-card: var(--gavin-widget-bg1);\n    \u002F* 以下是安知鱼颜色 *\u002F\n    --gavin-shadow-border: 0 8px 16px -4px #2c2d300c;\n    --gavin-theme-op: #4259ef23;\n    --gavin-shadow-theme: 0 0px 7px -3px var(--gavin-theme-op);\n    --gavin-shadow-blackdeep: 0 2px 16px -3px rgba(0, 0, 0, 0.15);\n}\n\n.dark {\n    --gavin-bg: 17, 18, 20;\n    --gavin-op-1: rgba(0, 0, 0, .1);\n    --gavin-op-3: rgba(0, 0, 0, .3);\n    --gavin-op-5: rgba(0, 0, 0, .5);\n    --gavin-op-7: rgba(0, 0, 0, .7);\n    --gavin-op-dis-05: rgba(255, 255, 255, .05);\n    --gavin-op-dis-15: rgba(255, 255, 255, .15);\n    --gavin-op-dis-1: rgba(255, 255, 255, .1);\n    --gavin-op-dis-2: rgba(255, 255, 255, .2);\n    --gavin-op-dis-3: rgba(255, 255, 255, .3);\n    --gavin-op-dis-4: rgba(255, 255, 255, .4);\n    --gavin-op-dis-5: rgba(255, 255, 255, .5);\n    --gavin-op-dis-6: rgba(255, 255, 255, .6);\n    --gavin-op-dis-7: rgba(255, 255, 255, .7);\n    --gavin-nav-bg: rgba(0, 0, 0, .56);\n    --gavin-nav-hover: var(--gavin-highlight-op-6);\n    \u002F* --gavin-nav-hover: #00EAD0; *\u002F\n    --gavin-mask: rgba(255, 255, 255, .18);\n    --gavin-page-bg: rgba(255, 255, 255, 0.8);\n    \u002F*页码颜色*\u002F\n    --gavin-toc-bg: rgba(255, 255, 255, .15);\n    \u002F*目录颜色*\u002F\n    \u002F*rgba(51, 144, 255, .3); *\u002F\n    --gavin-scrollbar-dark: #242424;\n    --gavin-scrollbar-light: rgba(180, 180, 180, .4);\n    --gavin-item-bg: rgba(240, 240, 240, .2);\n    --gavin-item-border: rgba(240, 240, 240, .5);\n    --gavin-border-color: var(--gavin-grey-5);\n    --gavin-border-hover-color: var(--gavin-blue3);\n    --gavin-note-font-color: rgb(136, 136, 136);\n    --gavin-hover-font-color: rgba(255, 255, 255, .9);\n    \u002F*17,17,17*\u002F\n    --gavin-widget-bg1: var(--gavin-grey-4);\n    \u002F*38, 38, 38; rgb(46, 48, 51)*\u002F\n    --gavin-widget-bg2: var(--gavin-grey-5);\n    --gavin-widget-bg3: rgb(70, 71, 73);\n    --gavin-widget-bg4: rgb(44, 44, 46);\n    \u002F* --gavin-grey-1: rgb(16, 19, 22);\n    --gavin-grey-2: rgb(24, 27, 30);\n    --gavin-grey-3: rgb(32, 35, 38);\n    --gavin-grey-4: rgb(40, 43, 46);\n    --gavin-grey-5: rgb(48, 51, 54);\n    --gavin-grey-6: rgb(56, 59, 62);\n    --gavin-grey-7: rgb(64, 67, 70);\n    --gavin-grey-8: rgb(72, 75, 78); *\u002F\n    --gavin-grey-1: rgb(15, 18, 21);\n    --gavin-grey-2: rgb(25, 28, 31);\n    --gavin-grey-3: rgb(35, 38, 41);\n    --gavin-grey-4: rgb(45, 48, 51);\n    --gavin-grey-5: rgb(55, 58, 61);\n    --gavin-grey-6: rgb(65, 68, 71);\n    --gavin-grey-7: rgb(75, 78, 81);\n    --gavin-grey-op-1: 136, 139, 144;\n    --gavin-grey-op-2: 136, 139, 143;\n    \u002F*60, 60, 60; rgb(66, 67, 70)*\u002F\n    \u002F* --gavin-highlight: #0096FF; *\u002F\n    \u002F* --gavin-highlight: #00EAD0; *\u002F\n    \u002F* --gavin-highlight-op: #0096FF50; *\u002F\n    \u002F* --gavin-highlight-op: #00EAD023; *\u002F\n    --gavin-theme-color: var(--gavin-theme-color-dark);\n    --gavin-switch-off: rgb(57, 57, 61);\n    --gavin-switch-on: rgb(48, 209, 88);\n    --gavin-ripple: rgba(255, 255, 255, .3);\n    --gavin-shadow-1: 0 8px 12px -4px #00000050;\n    --gavin-shadow-2: 0 12px 16px -4px #00000050;\n    --gavin-shadow-3: 0 0 16px -4px #66666699;\n    --gavin-shadow-4: 0 0 16px -4px #000000;\n    --gavin-scroll-bg: #5E5E6A;\n    --vercel-background: rgb(17, 17, 17);\n    --vercel-border-color: rgb(66, 68, 74);\n    --vercel-hover-bg: rgba(51, 51, 51, 1);\n    \u002F* --card-bg: rgb(21,23,25); *\u002F\n    --card-bg: var(--gavin-grey-2);\n    \u002F*rgba(29, 30, 34, 1);*\u002F\n    --text-bg-hover: rgba(240, 240, 240, .24);\n    --btn-bg: rgba(100, 100, 100, .8);\n    --btn-hover-color: rgb(80, 80, 80);\n    --card-link-bg: rgba(240, 240, 240, .1);\n    --card-link-border: rgba(240, 240, 240, .3);\n    --font-color-rgb: 236, 236, 240;\n    \u002F* rgb(210, 210, 210); *\u002F\n    --search-bg: rgba(0, 0, 0, .64);\n    --system-logo: url(https:\u002F\u002Fregistry.npmmirror.com\u002Fcansin-blogdata\u002F3.0.73\u002Ffiles\u002Fimg\u002Ff1olM.webp);\n    --web-bg: rgba(0, 0, 0, 0.25);\n    --hl-bg: rgb(40, 44, 48);\n    --hlnumber-bg: rgb(40, 44, 48);\n    --hltools-bg: rgb(36, 37, 38);\n\n\n\n    \u002F* HarmonyOS *\u002F\n    --hmos-theme: #317AF7;\n\n    --twitter-border: rgb(47, 51, 54);\n    --twitter-item-bg: rgb(22, 24, 28);\n    --twitter-shadow: rgba(255, 255, 255, 0.2) 0px 0px 15px, rgba(255, 255, 255, 0.15) 0px 0px 3px 1px;\n    --twitter-text-note: rgb(113, 118, 123);\n    --twitter-text: rgb(231, 233, 234);\n    --twitter-btn-bg: rgb(239, 243, 244);\n    --twitter-btn-hover: rgba(231, 233, 234, 0.1);\n    --twitter-item-hover: rgba(255, 255, 255, 0.03);\n    --twitter-item-active: rgba(255, 255, 255, 0.07);\n\n\n    --supb-border: #2e2e2e;\n    --supb-bg: #1c1c1c;\n    --supb-bg2: hsla(0, 0%, 100%, .026);\n\n\n\n    --gh-bg-1: var(--light-grad-pink-blue, radial-gradient(ellipse at 40% 0%, #bf398910 0, transparent 75%), radial-gradient(ellipse at 60% 0%, #096bde10 0, transparent 75%));\n\n    --gh-dark-1: rgb(1, 4, 9);\n    --gh-dark-2: rgb(13, 17, 23);\n    --gh-dark-3: rgb(22, 27, 34);\n    --gh-dark-4: rgb(33, 38, 45);\n    --gh-dark-5: rgb(41, 47, 54);\n    --gh-dark-6: rgb(48, 54, 61);\n    --gh-dark-7: rgb(63, 67, 75);\n\n    --gh-text-1: rgb(230, 237, 243);\n    --gh-text-2: rgb(110, 118, 129);\n    --gh-text-3: rgb(125, 133, 144);\n}\n","ganvin.css",[31,90,87],{"__ignoreMap":33},{"title":33,"searchDepth":92,"depth":92,"links":93},4,[94,96,97,98,99,100,101],{"id":12,"depth":95,"text":12},2,{"id":19,"depth":95,"text":20},{"id":36,"depth":95,"text":36},{"id":46,"depth":95,"text":46},{"id":55,"depth":95,"text":55},{"id":64,"depth":95,"text":64},{"id":73,"depth":95,"text":73,"children":102},[103],{"id":83,"depth":104,"text":83},3,[106],"站点魔改","2026-01-27 10:00:00","自定义全局的样式颜色，具有对特定CSS中所具有的自定义样式颜色来进行整合，并且作者还顺便水了一篇文章",false,"md","\u002Fimage\u002FPostCover\u002FcolorStyleAll.avif",{"slots":113},{},true,"\u002F2026\u002F01\u002Fcolorstyleall",null,{"text":118,"minutes":119,"time":120,"words":121},"14 min read",13.155,789300,2631,{"title":5,"description":108},{"loc":115},"posts\u002F2026\u002F01\u002FcolorStyleAll",[126,127],"全局颜色","自定义","tech","2026-01-27 20:49:00","CuYAjI9NsRIktj7PjRBlKgE7tibvY7qc96WbiWcSO6Q",[132,149,164,178,192,205,218,230,244,256,267,281,297,312,325,342,356,371,386,401,416,420,437,453,465,479,493,505,519,531,541,553,565,578,589,600,613,622],{"categories":133,"date":135,"description":136,"image":116,"path":137,"readingTime":138,"recommend":116,"tags":143,"title":147,"type":128,"updated":148},[134],"技术探索","2023-12-06 12:45:00","本篇转载三种不同方案（已经放好原文章链接）","\u002F2023\u002F03\u002Fessaythree",{"text":139,"minutes":140,"time":141,"words":142},"48 min read",47.34,2840400,9468,[144,145,146],"hexo","butterfly","美化","即刻短文的三种部署方案","2023-12-07 14:09:00",{"categories":150,"date":151,"description":152,"image":153,"path":154,"readingTime":155,"recommend":160,"tags":161,"title":162,"type":128,"updated":163},[106],"2024-04-19 10:00:00","友链页面美化以及添加功能","\u002Fimage\u002FPostCover\u002FflinkPage.avif","\u002F2024\u002F04\u002Fflinkpagemeihua",{"text":156,"minutes":157,"time":158,"words":159},"11 min read",10.8,648000,2160,1,[144,145],"友链魔改","2025-04-19 12:09:00",{"categories":165,"date":166,"description":167,"image":168,"path":169,"readingTime":170,"recommend":160,"tags":175,"title":176,"type":128,"updated":177},[106],"2025-02-05 09:00:00","这篇文章讲述在博客中对导航栏进行修改，并添加多个产品页面地址，且采用安知鱼的导航栏CSS样式表。","\u002Fimage\u002FPostCover\u002FnavMuogai.avif","\u002F2025\u002F02\u002Fbutterflynavadd",{"text":171,"minutes":172,"time":173,"words":174},"9 min read",8.585,515100,1717,[144,145],"butterfly导航栏修改方案","2025-03-05 10:00:00",{"categories":179,"date":180,"description":181,"image":182,"path":183,"readingTime":184,"recommend":160,"tags":189,"title":190,"type":128,"updated":191},[106],"2025-02-27 10:10:55","本篇文章讲述了如何在博客的底部模块进行魔改添加图标、来源图片、返回顶部以及建站时间，对建站时间进行js内联到模块中。","\u002Fimage\u002FPostCover\u002FfooterMeihua.avif","\u002F2025\u002F02\u002Ffooterqcqxstyle",{"text":185,"minutes":186,"time":187,"words":188},"4 min read",3.31,198600,662,[144,145,146],"轻笑底部美化","2025-02-28 10:00:00",{"categories":193,"date":194,"description":195,"image":196,"path":197,"readingTime":198,"recommend":116,"tags":202,"title":203,"type":128,"updated":204},[106],"2025-03-24 08:00:09","这篇简述如何给自己博客中的归档、分类、标签页三个页面的文章卡片加上所属分类和标签，并说明了具体的实践环境，以最大限度的方式进行CSS美化。但也请注意要经常备份以免出现大量错误。","\u002Fimage\u002FPostCover\u002FarchiveMougai.avif","\u002F2025\u002F03\u002Farchivemougai",{"text":185,"minutes":199,"time":200,"words":201},3.08,184800,616,[144,145],"给页面加上所属分类和标签以及美化","2025-03-24 10:56:09",{"categories":206,"date":207,"description":208,"image":209,"path":210,"readingTime":211,"recommend":116,"tags":215,"title":216,"type":128,"updated":217},[106],"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":185,"minutes":212,"time":213,"words":214},3.48,208800,696,[144,145],"美化文章卡片显示数字","2025-03-06 18:00:00",{"categories":219,"date":207,"description":220,"image":221,"path":222,"readingTime":223,"recommend":116,"tags":228,"title":229,"type":128,"updated":217},[106],"这篇文章讲述如何在页面中添加模块以及使用CSS添加颜色以及背景图片。","https:\u002F\u002Fsourceimage.s3.bitiful.net\u002Fimg\u002Fdefault_cover_21.avif","\u002F2025\u002F03\u002Fbackgroud-qcqx",{"text":224,"minutes":225,"time":226,"words":227},"1 min read",0.71,42600,142,[144,145],"轻笑风格背景",{"categories":231,"date":232,"description":233,"image":234,"path":235,"readingTime":236,"recommend":116,"tags":241,"title":242,"type":128,"updated":243},[106],"2025-03-24 09:00:00","本文章以安知鱼的页面文件为模版进行大幅度修改，仿轻笑的关于页面的模块摆放以及调整CSS样式来进行细致魔改。","\u002Fimage\u002FPostCover\u002FbtfAboutPage.avif","\u002F2025\u002F03\u002Fbtfaboutpage",{"text":237,"minutes":238,"time":239,"words":240},"24 min read",23.275,1396500,4655,[144,145],"关于页面(butterfly)","2025-03-25 11:20:00",{"categories":245,"date":207,"description":246,"image":247,"path":248,"readingTime":249,"recommend":116,"tags":254,"title":255,"type":128,"updated":217},[106],"这篇文章讲述了如何美化博客侧边栏，并调整各个卡片内容的样式表。","\u002Fimage\u002FPostCover\u002FcardMeihua.avif","\u002F2025\u002F03\u002Fcardmeihua",{"text":250,"minutes":251,"time":252,"words":253},"5 min read",4.77,286200,954,[144,145],"卡片美化",{"categories":257,"date":207,"description":258,"image":259,"path":260,"readingTime":261,"recommend":116,"tags":265,"title":266,"type":128,"updated":217},[106],"从零开始魔改butterfly","\u002Fimage\u002FPostCover\u002FfunctionMeihua.avif","\u002F2025\u002F03\u002Ffunctionmeihua",{"text":224,"minutes":262,"time":263,"words":264},0.345,20700,69,[144,145],"功能美化",{"categories":268,"date":269,"description":270,"image":271,"path":272,"readingTime":273,"recommend":116,"tags":278,"title":279,"type":128,"updated":280},[106],"2025-03-01 10:00:00","本文依照轻笑的部分内容，参考首页banner写法以及对首页banner添加鼠标滚动以及移动端滑动，通过CSS样式进行美化整个首页banner，此篇文章重点讲述了如何解决轻笑给的js内容在首页会出现不断加载的问题。","\u002Fimage\u002FPostCover\u002FrandomPost.avif","\u002F2025\u002F03\u002Frandompost",{"text":274,"minutes":275,"time":276,"words":277},"6 min read",5.595,335700,1119,[144,145,146],"Banner随机文章展示(轻笑同款)","2025-03-05 12:09:00",{"categories":282,"date":283,"description":284,"image":285,"path":286,"readingTime":287,"recommend":291,"tags":292,"title":295,"type":128,"updated":296},[106],"2025-08-11 10:00:00","本篇文章讲述了添加模块代码并在博客的友情链接中添加模块，且使用css美化","\u002Fimage\u002FPostCover\u002FlinkTop.avif","\u002F2025\u002F08\u002Flinktop",{"text":171,"minutes":288,"time":289,"words":290},8.88,532800,1776,11,[293,294,146],"Nuxt","魔改","在友链页面添加滚动头像banner","2025-08-11 20:49:00",{"categories":298,"date":299,"description":300,"image":301,"path":302,"readingTime":303,"recommend":308,"tags":309,"title":310,"type":128,"updated":311},[106],"2025-08-22 10:00:00","近期将博客迁移至Nuxt框架时，重新搭建了「关于页面」。过程中添加了技能展示组件（skillinfo.vue），实现标签分组渲染；新建about.vue页面，整合个人信息、技能、偏好等多模块内容，并通过ts定义数据接口（about.ts\u002Fcreativity.ts）。","\u002Fimage\u002FPostCover\u002FnuxtAboutPage.avif","\u002F2025\u002F08\u002Fnuxtaboutpage",{"text":304,"minutes":305,"time":306,"words":307},"16 min read",15.92,955200,3184,10,[293,294,146],"关于页面(Nuxt)","2025-09-01 20:49:00",{"categories":313,"date":314,"description":315,"image":316,"path":317,"readingTime":318,"recommend":322,"tags":323,"title":324,"type":128,"updated":311},[106],"2025-09-02 10:00:00","本篇文章主要简述了如何给Nuxt框架添加站点详情","https:\u002F\u002Fwww.yjluo.top\u002Fimage\u002FPostCover\u002FsiteInfo.avif","\u002F2025\u002F09\u002Fsitelinkpageadd",{"text":250,"minutes":319,"time":320,"words":321},4.38,262800,876,9,[293,294,146],"添加站点详情页面",{"categories":326,"date":328,"description":329,"image":330,"path":331,"readingTime":332,"recommend":116,"tags":336,"title":339,"type":340,"updated":341},[327],"日志记录","2025-12-28 10:00:00","该文章详细记录了2025年中的上下半年所做的事情，并且还透露出后续计划中会干什么。而在前言中也写到此文为水字数而出，上下半年均写到更换框架与服务有关于的内容。对于未来计划中提到了要对一些网站进行恢复、以及明年将在文章中加入与自创小说有关的内容","\u002Fimage\u002FPostCover\u002FannualSummary.avif","\u002F2025\u002F12\u002Fannualsummary",{"text":185,"minutes":333,"time":334,"words":335},3.855,231300,771,[337,338],"总结",2025,"年度总结：旧去新","story","2025-12-28 20:49:00",{"categories":343,"date":344,"description":345,"image":346,"path":347,"readingTime":348,"recommend":322,"tags":353,"title":354,"type":128,"updated":355},[106],"2025-12-01 10:00:00","该文章详细介绍了基于Vue3+TypeScript开发的豆瓣追更记录系统，采用组件化架构实现两栏筛选菜单、动态加载动画和卡片式作品展示，通过Pinia状态管理+Vite构建工具实现数据流管理，集成防抖加载、虚拟滚动等性能优化方案。","\u002Fimage\u002FPostCover\u002FbanguimPage.avif","\u002F2025\u002F12\u002Fbanguimpageadd",{"text":349,"minutes":350,"time":351,"words":352},"23 min read",22.175,1330500,4435,[293,294,146],"添加追更历史","2025-12-01 20:49:00",{"categories":357,"date":358,"description":359,"image":360,"path":361,"readingTime":362,"recommend":367,"tags":368,"title":369,"type":128,"updated":370},[106],"2025-12-23 10:00:00","该文章介绍Nuxt博客适配中评论模块的Vue组件实现与Artalk评论系统单例管理逻辑，并提供具体的适配评论表情包的Json信息，评论功能有着KaTeX数学公式渲染、图片灯箱、动态监听以及管理逻辑的初始化、计数、暗黑模式切换等方式。","\u002Fimage\u002FPostCover\u002FcommentMeihua.avif","\u002F2025\u002F12\u002Fcommentadd",{"text":363,"minutes":364,"time":365,"words":366},"32 min read",31.72,1903200,6344,8,[293,294,146],"评论优化","2026-03-01 20:49:00",{"categories":372,"date":373,"description":374,"image":375,"path":376,"readingTime":377,"recommend":382,"tags":383,"title":384,"type":128,"updated":385},[106],"2025-12-03 10:05:09","该博客持续维护Nuxt框架博客系统，新增装备页面实现硬件\u002F外设分类展示，支持动态过滤、标签筛选与规格参数渲染，通过TypeScript定义数据接口，结合Vue3响应式布局与SCSS响应式设计，完成设备卡片动态加载、悬停动效及跨端适配优化，集成评论跳转与购买信息展示功能。","\u002Fimage\u002FPostCover\u002FequipmentPage.avif","\u002F2025\u002F12\u002Fequipmentpageadd",{"text":378,"minutes":379,"time":380,"words":381},"8 min read",7.28,436800,1456,7,[293,294,146],"添加装备页面","2025-12-03 20:49:09",{"categories":387,"date":388,"description":389,"image":390,"path":391,"readingTime":392,"recommend":397,"tags":398,"title":399,"type":128,"updated":400},[106],"2025-12-09 10:00:00","该文章记录了项目版本迭代中的UI优化与功能调整，包括增加可后期换配置且内置移动到赞赏总览触发效果的打赏弹窗、优化头部封面移动端预览、增加版权图标虚化及打赏入口、将本地desc预览改ai摘要样式、增加版权卡片及更换头部信息样式。","\u002Fimage\u002FPostCover\u002FpostMeihua.avif","\u002F2025\u002F12\u002Fpostpagexiugai",{"text":393,"minutes":394,"time":395,"words":396},"12 min read",11.165,669900,2233,6,[293,294,146],"文章美化","2025-12-09 20:49:00",{"categories":402,"date":403,"description":404,"image":405,"path":406,"readingTime":407,"recommend":412,"tags":413,"title":414,"type":128,"updated":415},[106],"2025-12-04 10:00:00","该文章记录了项目版本迭代中的UI优化与功能调整，包括站点详情卡片组件化改造（采用Badge组件优化布局）、分类卡片新增文章数量统计功能（重新严重问题）、标签卡片新增文章标签统计功能、博主信息模块的拆分与重构，同时删除了冗余的左侧图片和完整博主卡片，最终形成模块化组件结构（涉及5个核心组件及数据调用逻辑调整）。","\u002Fimage\u002FPostCover\u002FsmallCard.avif","\u002F2025\u002F12\u002Fsmallcardadd",{"text":408,"minutes":409,"time":410,"words":411},"10 min read",9.745,584700,1949,5,[293,294,146],"侧边组件美化","2025-12-04 20:49:00",{"categories":417,"date":107,"description":108,"image":111,"path":115,"readingTime":418,"recommend":116,"tags":419,"title":5,"type":128,"updated":129},[106],{"text":118,"minutes":119,"time":120,"words":121},[126,127],{"categories":421,"date":422,"description":423,"image":424,"path":425,"readingTime":426,"recommend":116,"tags":431,"title":435,"type":128,"updated":436},[134],"2026-01-11 10:00:00","这篇文章是一篇实战经验分享，主要讲解了如何利用腾讯云的EdgeOne边缘安全加速平台，为网站字体等静态资源搭建一个自定义的、高性能的镜像加速服务。","\u002Fimage\u002FPostCover\u002FjsdmEdge.avif","\u002F2026\u002F01\u002Fjsdmedge",{"text":427,"minutes":428,"time":429,"words":430},"3 min read",2.72,163200,544,[432,433,434],"镜像","EdgeOne","jsdmirror","使用EdgeOne CDN搭建自用Jsd镜像","2026-01-11 20:49:00",{"categories":438,"date":439,"description":440,"image":441,"path":442,"readingTime":443,"recommend":116,"tags":448,"title":451,"type":128,"updated":452},[134],"2026-01-28 19:00:00","本文是一篇关于 Komari Monitor（一款服务器监控系统）的详细介绍与实用指南。文章以作者个人经验为引，对比了哪吒监控（V0\u002FV1版本）与 Komari 在各方面的差异，并逐步演示了如何部署、配置和使用 Komari。","\u002Fimage\u002FPostCover\u002FkomariMonitor.avif","\u002F2026\u002F01\u002Fkomarimonitor",{"text":444,"minutes":445,"time":446,"words":447},"7 min read",6.86,411600,1372,[449,450],"探针","监控","komari：全新的探针站点","2026-01-29 13:00:00",{"categories":454,"date":455,"description":404,"image":456,"path":457,"readingTime":458,"recommend":92,"tags":462,"title":463,"type":128,"updated":464},[106],"2026-01-01 10:00:00","\u002Fimage\u002FPostCover\u002FNewYear.avif","\u002F2026\u002F01\u002Fnewyear",{"text":427,"minutes":459,"time":460,"words":461},2.15,129000,430,[293,294,146],"踏入2026：目标新方向","2026-01-01 20:49:00",{"categories":466,"date":467,"description":468,"image":469,"path":470,"readingTime":471,"recommend":116,"tags":476,"title":477,"type":340,"updated":478},[106],"2026-01-05 10:00:00","该文章记录了项目中对于字体、图片以及构建产物等静态资源的优化与处理，并且表示自身对于图片的存放位置进行优化。","\u002Fimage\u002FPostCover\u002FsiteAssets.avif","\u002F2026\u002F01\u002Fsiteassets",{"text":472,"minutes":473,"time":474,"words":475},"2 min read",1.82,109200,364,[293,294,146],"站点资源优化","2026-01-07 20:49:00",{"categories":480,"date":482,"description":483,"image":484,"path":485,"readingTime":486,"recommend":116,"tags":490,"title":491,"type":128,"updated":492},[481],"日常随笔","2026-01-12 10:00:00","该文章主要写了对于低价机器的试水，并提醒是超开类型的机器。在测试的过程中发现机器性能较高，且展示出机器的具体价格，并单独列出只有精简版未采用完整版测试。","\u002Fimage\u002FPostCover\u002FvpsTalk.avif","\u002F2026\u002F01\u002Fvpstalk",{"text":304,"minutes":487,"time":488,"words":489},15.545,932700,3109,[293,294,146],"随笔：低价主机试水","2026-01-12 20:49:00",{"categories":494,"date":495,"description":496,"image":484,"path":497,"readingTime":498,"recommend":116,"tags":502,"title":503,"type":128,"updated":504},[481],"2026-01-30 10:00:00","该文章主要写了对于大容量硬盘主机的试水。在测试的过程中发现机器性能较高，且展示出机器的具体价格，并单独列出只有精简版未采用完整版测试。","\u002F2026\u002F01\u002Fvpstalk-2",{"text":118,"minutes":499,"time":500,"words":501},13.965,837900,2793,[293,294,146],"随笔：大容量主机测试","2026-01-30 20:49:00",{"categories":506,"date":507,"description":508,"image":509,"path":510,"readingTime":511,"recommend":160,"tags":516,"title":517,"type":128,"updated":518},[106],"2026-02-20 10:00:00","该文章展示多个以鸣潮为主题的档案组件，包含具体代码、属性表格对应、预览整体组件、写法展示四种类型，并在文章末尾附加更新报告。","\u002Fimage\u002FPostCover\u002FWutheringWavesPostWidget.avif","\u002F2026\u002F02\u002Fwutheringwavespostwidget",{"text":512,"minutes":513,"time":514,"words":515},"100 min read",99.23,5953800,19846,[293,294,146],"【鸣潮】档案文章组件","2026-02-26 10:00:00",{"categories":520,"date":521,"description":483,"image":522,"path":523,"readingTime":524,"recommend":116,"tags":528,"title":529,"type":128,"updated":530},[134],"2026-02-03 10:00:00","\u002Fimage\u002FPostCover\u002FfnosInstall.avif","\u002F2026\u002F02\u002Ffnosinstall",{"text":171,"minutes":525,"time":526,"words":527},8.91,534600,1782,[293,294,146],"给老MAC升级为飞牛OS","2026-02-05 20:49:00",{"categories":532,"date":521,"description":483,"image":533,"path":534,"readingTime":535,"recommend":116,"tags":539,"title":540,"type":128,"updated":530},[106],"\u002Fimage\u002FPostCover\u002FmacBookPerformancTest.avif","\u002F2026\u002F02\u002Fmacbookperformanctest",{"text":427,"minutes":536,"time":537,"words":538},2.47,148200,494,[293,294,146],"【精简】测试老MAC性能",{"categories":542,"date":543,"description":483,"image":544,"path":545,"readingTime":546,"recommend":116,"tags":550,"title":551,"type":128,"updated":552},[106],"2026-02-04 10:00:00","\u002Fimage\u002FPostCover\u002FmusicInstall.avif","\u002F2026\u002F02\u002Fmusicinstall",{"text":171,"minutes":547,"time":548,"words":549},8.19,491400,1638,[293,294,146],"【本地+云端】搭建道理鱼音乐","2026-02-06 20:49:00",{"categories":554,"date":555,"description":483,"image":556,"path":557,"readingTime":558,"recommend":104,"tags":562,"title":563,"type":128,"updated":564},[106],"2026-03-03 10:00:00","\u002Fimage\u002FPostCover\u002FfooterNuxtMeihua.avif","\u002F2026\u002F03\u002Ffooternuxtmeihua",{"text":185,"minutes":559,"time":560,"words":561},3.235,194100,647,[293,294,146],"页脚魔改(Nuxt版本)","2026-03-06 10:00:00",{"categories":566,"date":567,"description":483,"image":556,"path":568,"readingTime":569,"recommend":95,"tags":574,"title":576,"type":128,"updated":577},[106],"2026-03-21 14:00:00","\u002F2026\u002F03\u002Fsteamgamepage",{"text":570,"minutes":571,"time":572,"words":573},"18 min read",17.265,1035900,3453,[293,575],"页面","游戏展示页面","2026-03-22 10:00:00",{"categories":579,"date":580,"description":483,"image":556,"path":581,"readingTime":582,"recommend":160,"tags":586,"title":587,"type":128,"updated":588},[106],"2026-04-11 14:00:00","\u002F2026\u002F04\u002Fessaynuxtpage",{"text":274,"minutes":583,"time":584,"words":585},5.93,355800,1186,[293,575],"说说页面（Nuxt版本）","2026-04-11 22:00:00",{"categories":590,"date":591,"description":483,"image":556,"path":592,"readingTime":593,"recommend":160,"tags":597,"title":598,"type":128,"updated":599},[106],"2026-04-13 14:00:00","\u002F2026\u002F04\u002Fhotnuxtpage",{"text":171,"minutes":594,"time":595,"words":596},8.985,539100,1797,[293,575],"热搜页面（Nuxt版本）","2026-04-13 22:00:00",{"categories":601,"date":603,"description":329,"image":604,"path":605,"readingTime":606,"recommend":116,"tags":610,"title":611,"type":340,"updated":612},[602],"自设记录","2025-12-29 10:00:00","https:\u002F\u002Fsourceimage.s3.bitiful.net\u002Fpost\u002Fimg\u002FannualSummary\u002Fcover.webp","\u002Fnovel\u002Fworld\u002Fharmworld",{"text":472,"minutes":607,"time":608,"words":609},1.31,78600,262,[337,338],"世界志：鸿蒙界","2025-12-29 20:49:00",{"categories":614,"date":603,"description":329,"image":604,"path":615,"readingTime":616,"recommend":116,"tags":620,"title":621,"type":340,"updated":612},[602],"\u002Fnovel\u002Fworld\u002Flmmortalgod",{"text":444,"minutes":617,"time":618,"words":619},6.295,377700,1259,[337,338],"世界志：仙神界",{"categories":623,"date":603,"description":329,"image":604,"path":624,"readingTime":625,"recommend":116,"tags":629,"title":630,"type":340,"updated":612},[602],"\u002Fnovel\u002Fworld\u002Fdh",{"text":472,"minutes":626,"time":627,"words":628},1.65,99000,330,[337,338],"世界志：大荒",[632,634],{"title":491,"path":485,"stem":633,"date":482,"type":128,"children":-1},"posts\u002F2026\u002F01\u002FvpsTalk",{"title":451,"path":442,"stem":635,"date":439,"type":128,"children":-1},"posts\u002F2026\u002F01\u002FkomariMonitor",1776745736494]