暗黑模式的代码块适配：darkmode-js.min.js 的应用与实践

在现代网页设计中，暗黑模式（Dark Mode）已经成为一种潮流，不仅能减少屏幕亮度对眼睛的刺激，还能节省设备电量。今天，我们将探讨如何使用 darkmode-js.min.js 来适配代码块，使其在暗黑模式下也能呈现出最佳的视觉效果。

什么是 darkmode-js.min.js？

darkmode-js.min.js 是一个轻量级的 JavaScript 库，专门用于在网页上实现暗黑模式。它通过动态修改网页的 CSS 样式，使得页面在暗黑模式下呈现出更舒适的视觉体验。这个库的优势在于其简单易用，并且能够自动检测用户的系统设置，根据用户的偏好自动切换到暗黑模式。

为什么需要适配代码块？

代码块是开发者文档、技术博客和教程中不可或缺的一部分。传统的代码块在暗黑模式下可能显得过于明亮或难以阅读，因此需要进行适配。适配后的代码块不仅能提高可读性，还能提升用户体验。

如何使用 darkmode-js.min.js 适配代码块？

引入库：首先，你需要在你的 HTML 文件中引入 darkmode-js.min.js。可以直接从 CDN 引入或者下载到本地：
```
<script src="https://cdn.jsdelivr.net/npm/darkmode-js@1.5.7/lib/darkmode-js.min.js"></script>
```

初始化 Darkmode：在 JavaScript 中初始化 Darkmode 对象：


const options = {
    bottom: '64px', // default: '32px'
    right: 'unset', // default: '32px'
    left: '32px', // default: 'unset'
    time: '0.3s', // default: '0.3s'
    mixColor: '#fff', // default: '#fff'
    backgroundColor: '#fff',  // default: '#fff'
    buttonColorDark: '#100f2c',  // default: '#100f2c'
    buttonColorLight: '#fff', // default: '#fff'
    saveInCookies: false, // default: true,
    label: '