Obsidian Admonition高级技巧：CSS自定义与JSON导入导出完全指南

Obsidian Admonition高级技巧：CSS自定义与JSON导入导出完全指南

【免费下载链接】admonitions项目地址: https://gitcode.com/gh_mirrors/adm/admonitions

Obsidian Admonition是一款强大的插件，能够帮助用户在笔记中创建各种样式的提示框，提升笔记的可读性和视觉效果。本文将详细介绍如何通过CSS自定义样式以及JSON导入导出功能，让你的Obsidian笔记更加个性化和高效。

一、认识Admonition的多样化展示效果

Admonition提供了丰富的提示框类型，满足不同场景的使用需求。无论是笔记中的重要提示、抽象概念还是信息说明，都能通过不同样式的Admonition清晰呈现。

二、CSS自定义：打造专属提示框样式

2.1 开启CSS自定义功能

在Obsidian的设置中，找到Admonition插件，启用"Use CSS Snippet for Custom Callouts"选项，即可开始自定义提示框的CSS样式。

2.2 自定义CSS样式的方法

你可以通过修改CSS代码来改变提示框的颜色、字体、边框等样式。例如，要修改Note类型提示框的背景颜色和边框，可以在CSS文件中添加如下代码：

.admonition-note { background-color: #e6f7ff; border-left-color: #1890ff; }

2.3 应用自定义样式后的效果

通过CSS自定义，你可以打造出独具特色的提示框样式。比如下面这个PF2 Note样式的提示框，就是通过自定义CSS实现的。

三、JSON导入导出：轻松分享和备份提示框配置

3.1 导出Admonition配置为JSON

在Admonition设置界面，你可以将自定义的提示框类型导出为JSON文件。点击"Export Custom Types as JSON"，然后选择"Download All"或"Select & Download"，即可将配置保存到本地。

3.2 导入JSON配置文件

如果你有其他用户分享的JSON配置文件，或者想恢复之前备份的配置，只需在Admonition设置界面点击"Import Admonition(s)"，选择对应的JSON文件即可完成导入。

3.3 JSON导入导出的应用场景

• 分享配置：将自己精心设计的提示框样式分享给其他Obsidian用户。
• 备份恢复：定期导出配置文件，防止意外丢失自定义设置。
• 多设备同步：在不同设备上导入相同的JSON配置，保持一致的使用体验。

四、快速上手：从安装到使用的简单步骤

4.1 安装Admonition插件

1. 打开Obsidian，进入设置界面。
2. 在"Community plugins"中搜索"Admonition"。
3. 点击安装并启用插件。

4.2 基本使用方法

在笔记中输入"```admonition"，然后按提示选择提示框类型和输入内容，即可快速创建Admonition提示框。

五、总结

通过CSS自定义和JSON导入导出功能，Obsidian Admonition插件为用户提供了更加灵活和个性化的笔记编辑体验。无论是打造独特的提示框样式，还是分享和备份配置，都能轻松实现。希望本文的技巧能帮助你更好地使用Admonition，让笔记创作更加高效和愉悦。

如果你想获取Admonition插件，可以通过以下仓库地址进行clone：https://gitcode.com/gh_mirrors/adm/admonitions

【免费下载链接】admonitions项目地址: https://gitcode.com/gh_mirrors/adm/admonitions