这是一个名为AIGC工具导航的网站,主要提供生成式人工智能GAI - AI应用工具导航平台。该网站通过cookie中的io_night_mode值来判断用户是否处于夜间模式。如果夜间模式为0,则将文档元素的类列表从默认的io-white-mode更改为io-black-mode,表示切换到夜间模式;否则,将文档元素的类列表从io-white-mode移除,添加回默认的io-white-mode,表示切换回日间模式。

# AIGC工具导航

AIGC工具导航是一个致力于生成式人工智能(GAI)的应用工具导航平台。我们为您提供各种AI相关工具的使用指南和教程,让您更轻松地掌握GAI技术。

## 夜间模式与日间模式

我们的网站采用了夜间模式与日间模式的设计,以适应用户的阅读习惯。当用户在夜间使用我们的网站时,可以通过设置cookie中的`io_night_mode`值为0来启用夜间模式。反之,将`io_night_mode`值设为1即可切换回日间模式。

```javascript
function toggleNightMode() {
var default_c = "io-white-mode";
var night = document.cookie.replace(/(?:(?:^|.*;\s*)io_night_mode\s*\=\s*([^;]*).*$)|^.*$/, "$1");
try {
if (night === "0") {
document.documentElement.classList.add("io-black-mode");
document.documentElement.classList.remove(default_c);
} else {
document.documentElement.classList.remove("io-black-mode");
document.documentElement.classList.add(default_c);
}
} catch (_) {}
}

在JavaScript代码中,我们定义了一个名为toggleNightMode的函数,用于切换夜间模式与日间模式。根据设置的io_night_mode值,我们会相应地修改文档元素的类列表,实现界面的切换。

<!-- HTML代码示例 -->
<button onclick="toggleNightMode()">切换模式</button>

通过在HTML中引入按钮元素并绑定点击事件,用户可以方便地在夜间模式与日间模式之间进行切换。