diff --git a/docs/.vuepress/config.js b/docs/.vuepress/config.js index 37f863e..9b4436d 100644 --- a/docs/.vuepress/config.js +++ b/docs/.vuepress/config.js @@ -5,7 +5,6 @@ module.exports = { description: 'web前端技术博客,简洁至上,专注web前端学习与总结。JavaScript,js,ES6,TypeScript,vue,python,css3,html5,Node,git,github等技术文章。', // 描述,以 标签渲染到页面html中 // base: '/', // '//', 默认'/' - // head: [ // 注入到页面 中的标签,格式[tagName, { attrName: attrValue }, innerHTML?] ['link', { rel: 'icon', href: '/img/favicon.ico' }], //favicons,资源放在public文件夹 diff --git a/docs/02.页面/20.CSS/45.如何根据系统主题自动响应CSS深色模式.md b/docs/02.页面/20.CSS/45.如何根据系统主题自动响应CSS深色模式.md index 2257fb1..cc8bc61 100644 --- a/docs/02.页面/20.CSS/45.如何根据系统主题自动响应CSS深色模式.md +++ b/docs/02.页面/20.CSS/45.如何根据系统主题自动响应CSS深色模式.md @@ -3,12 +3,12 @@ title: 如何根据系统主题自动响应CSS深色模式 date: 2020-03-31 14:06:26 permalink: /pages/5dde351274f1e39d sticky: 1 -categories: +categories: - 页面 - CSS -tags: +tags: - css -author: +author: name: xugaoyi link: https://github.com/xugaoyi --- @@ -58,6 +58,16 @@ body { } ``` + + + ## 添加深色模式自动响应 @@ -115,8 +125,3 @@ window.matchMedia('(prefers-color-scheme: light)').addListener(listeners.light) ## 结论 我们不仅可以在布局方面响应不同尺寸屏幕,还可以按系统主题响应深色模式。我相信你的深夜访客,或者那些喜欢深色模式的人,会感谢你的。 - - - - -