暗色主题示例

这是一个使用暗色主题的独立页面示例。通过在 Markdown 文件的 frontmatter 中添加 theme: dark 设置，您可以让页面以暗色主题模式显示。

暗色主题的优势

1. 减轻眼睛疲劳 - 在低光环境下阅读时更舒适
2. 节省电池电量 - 在某些显示屏上（如 OLED）可以节省设备电量
3. 提高对比度 - 某些内容在深色背景上可能更加突出

代码示例

function enableDarkMode() {
  document.body.classList.add('dark');
  localStorage.setItem('theme', 'dark');
  console.log('暗色模式已启用');
}

// 保存用户偏好
enableDarkMode();

表格示例

引用示例

暗色主题不仅是一种美学选择，也是一种提高可访问性和用户体验的方式。

在许多情况下，提供明亮和暗色两种主题选项是最佳实践。

图片示例

使用说明

要在您自己的独立页面中启用暗色主题，只需在 Markdown 文件顶部的 frontmatter 部分添加 theme: dark 设置：

---
title: 您的页面标题
description: 页面描述
theme: dark
---

页面内容...

希望这个示例对您有所帮助！您可以根据需要调整暗色主题的样式，或者为用户提供切换主题的功能。