【亲测免费】 Obsidian 笔记本主题 CSS 片段教程

Obsidian 笔记本主题 CSS 片段教程

项目介绍

Obsidian 笔记本主题 CSS 片段 是一个集合项目，由 CyanVoxel 维护，旨在为 Obsidian 用户提供一系列模仿真实笔记本页面风格的 CSS 主题小片段。这些 CSS 类设计用于增强笔记的视觉体验，让用户能够通过简单的配置，享受到个性化且接近纸质笔记本的视觉效果。支持自定义颜色变量，添加新类及组合，甚至可以对笔记中的图片进行重新着色。

项目快速启动

安装步骤

1. 克隆或下载仓库：首先，你需要将这个项目克隆到本地，或者点击“Download ZIP”下载压缩包并解压。

2. 导入 CSS 片段：打开你的 Obsidian 应用程序，进入设置界面，找到 CSS snippets 部分。

3. 放置 CSS 文件：在下载的项目中找到 Notebook Backgrounds css 文件夹，将其拖入 Obsidian 设置中显示的 CSS snippets 文件夹路径，或手动将文件复制过去。

4. 刷新片段列表：回到 Obsidian 的 CSS snippets 界面，点击 “Reload snippets” 以载入新的主题片段。

5. 启用主题：现在，在列表中你应该能看到“Notebook Backgrounds”，选择它并启用。你可以试验不同的页面和笔颜色类，改变笔记的外观。

示例代码

无需直接编辑代码来启动，但如果你要自定义，可以参考 CSS 文件中的类定义，例如：

.page-class {
    /* 自定义页面样式 */
}

.pen-color-black {
    /* 模拟黑色笔迹 */
}

将这些类应用于你的笔记页面中。

应用案例和最佳实践

在 Obsidian 中，用户可以通过给笔记页面添加特定的班级来模拟不同的笔记本风格。比如，将以下Markdown语法加入笔记头部，以应用一种主题：

---
class: page-class-name
pen: pen-color-black
---

最佳实践包括定期备份你的主题设置，以及在尝试新主题前测试在一个副本笔记上，避免对现有笔记造成意外更改。

典型生态项目

虽然本项目专注于提供 CSS 主题，Obsidian 生态系统广泛，包括插件、模板和其他主题，这些都可以与 Obsidian-Notebook-Themes 结合使用。例如，利用插件如 “Advanced Tables” 或 “Graph View” 来丰富你的笔记体验，结合主题达到既美观又实用的效果。社区中的其他资源，如 Obsidian Forum 和 Reddit 社区，是寻找额外生态项目和分享使用经验的好地方。

---

以上就是关于 Obsidian 笔记本主题 CSS 片段 的简明教程，希望它帮助你打造个性化的数字笔记本空间！