Hexo Next安装黑暗模式

next自带的黑暗模式

优点

配置十分简单

缺点

缺少切换按钮，默认是根据系统偏好（系统是否处于暗黑模式）来决定是否启用

启用

修改next的主题配置文件_config.yml的darkmode对应的值为true

1 2	# Dark Mode darkmode: true

自己安装

安装插件

插件名称：hexo-next-darkmode，安装前先关闭自带的黑暗模式

1	npm install hexo-next-darkmode --save

配置插件

在next的主题配置文件_config.yml中添加下面内容

# Darkmode JS
# For more information: https://github.com/rqh656418510/hexo-next-darkmode, https://github.com/sandoche/Darkmode.js
darkmode_js:
  enable: true
  bottom: '64px' # default: '32px'
  right: 'unset' # default: '32px'
  left: '32px' # default: 'unset'
  time: '0.5s' # default: '0.3s'
  mixColor: 'transparent' # default: '#fff'
  backgroundColor: 'transparent' # default: '#fff'
  buttonColorDark: '#100f2c' # default: '#100f2c'
  buttonColorLight: '#fff' # default: '#fff'
  isActivated: true # default false
  saveInCookies: true # default: true
  label: '🌓' # default: ''
  autoMatchOsTheme: true # default: true
  libUrl: # Set custom library cdn url for Darkmode.js