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)
## 结论
我们不仅可以在布局方面响应不同尺寸屏幕,还可以按系统主题响应深色模式。我相信你的深夜访客,或者那些喜欢深色模式的人,会感谢你的。
-
-
-
-
-