[{"data":1,"prerenderedAt":67},["ShallowReactive",2],{"content:\u002Fposts\u002F2025\u002Fhow-to-dynamically-change-favicon-for-dark-and-light-mode":3,"surround:\u002Fposts\u002F2025\u002Fhow-to-dynamically-change-favicon-for-dark-and-light-mode":56},{"id":4,"title":5,"body":6,"canonical":35,"categories":36,"date":38,"description":39,"draft":40,"extension":41,"image":35,"meta":42,"navigation":43,"path":44,"permalink":35,"readingTime":45,"recommend":35,"references":35,"seo":50,"sitemap":51,"stem":52,"tags":53,"type":35,"updated":38,"__hash__":55},"content\u002Fposts\u002F2025\u002Fhow-to-dynamically-change-favicon-for-dark-and-light-mode.md","如何让网站图标跟随系统主题变化？",{"type":7,"value":8,"toc":32},"minimark",[9,22],[10,11,12,13,17,18,21],"p",{},"我们可以在 link 标签上添加 ",[14,15,16],"code",{"code":16},"media=\"(prefers-color-scheme: dark)\""," | ",[14,19,20],{"code":20},"media=\"(prefers-color-scheme: light)\""," 来实现该功能",[23,24,30],"pre",{"className":25,"code":27,"language":28,"meta":29},[26],"language-html","\u003C!doctype html>\n\u003Chtml lang=\"en\">\n  \u003Chead>\n    \u003Clink rel=\"icon\" type=\"image\u002Fsvg+xml\" media=\"(prefers-color-scheme: dark)\" href=\"\u002Flogo.svg\" \u002F>\n    \u003Clink rel=\"icon\" type=\"image\u002Fsvg+xml\" media=\"(prefers-color-scheme: light)\" href=\"\u002Flogo-black.svg\" \u002F>\n  \u003C\u002Fhead>\n\u003C\u002Fhtml>\n","html","",[14,31,27],{"__ignoreMap":29},{"title":29,"searchDepth":33,"depth":33,"links":34},4,[],null,[37],"代码","2025-01-22 13:49:51","在暗黑模式下显示亮色图标，亮色模式下显示暗色图标！！",false,"md",{},true,"\u002Fposts\u002F2025\u002Fhow-to-dynamically-change-favicon-for-dark-and-light-mode",{"text":46,"minutes":47,"time":48,"words":49},"1 min read",0.19,11400,38,{"title":5,"description":39},{"loc":44},"posts\u002F2025\u002Fhow-to-dynamically-change-favicon-for-dark-and-light-mode",[54],"暗黑模式","-FWNETyzFI6kdwhPwIOcLGDf-quH0tiEzNyXfXTzeX8",[57,62],{"title":58,"path":59,"stem":60,"date":61,"type":35,"children":-1},"Git 提交规范及其在项目里的使用","\u002Fposts\u002F2025\u002Fgit-angular-push-rules","posts\u002F2025\u002Fgit-angular-push-rules","2025-01-16 07:31:53",{"title":63,"path":64,"stem":65,"date":66,"type":35,"children":-1},"【翻译】Vue 计算属性的良好实践","\u002Fposts\u002F2025\u002Fgood-practices-for-vue-computed-properties","posts\u002F2025\u002Fgood-practices-for-vue-computed-properties","2025-01-28 17:56:14",1789642590739]