​Что такое CSS-сниппеты, и как их использовать в Obsidian❓

Сниппет - это кусок кода на языке разметки CSS, который меняет поведение программы в каких-то определенных местах либо при определенных условиях.

Физически это файл с расширением .css в папке внутри вашего хранилища Obsidian. Например - с помощью сниппета ниже, вы можете поменять поведение своей копии Obsidian и сделать так, чтобы имена заметок в файловом менеджере не обрезались и отображались полностью, в несколько строк и без горизонтальной полосы прокрутки.

/*
Отображение названий файлов в боковом меню с переносами строки и без горизонтального скроллбара
*/

.nav-folder-title, .nav-folder-title-content, .nav-file-title, .nav-file-title-content {

max-width: 100%;

}

Как установить\подключить CSS-сниппеты❓
Вы можете установить сниппеты, добавив файлы CSS в папку . obsidian/snippets в вашем хранилище, и активировать их в Obsidian, перейдя в Настройки → Оформление .

Кстати - необязательно пихать все сниппеты в один CSS-файл - вы можете делать своеобразные наборы и подключать только те из них, которые требуются в нужный момент. У меня к примеру 3 или 4 файла. Один основной, остальные использую для тестирования либо подключаю при необходимости.

Где брать сниппеты❓

Вариант 1 - если знаете CSS и понимаете что там под капотом у Obsidian, можно писать самому. В этом поможет набор утилит Dev Tools (просто нажмите Ctrl+Shift+I и посмотрите как это выглядит в живую).

Вариант 2 - подсмотреть уже готовые и воспользоваться примерами других пользователей. Подготовил для вас несколько базовых источников, где вы 100% найдете для себя что-то полезное.

Тема на форуме Обсидиан
Сборник CSS-сниппетов 1️⃣
Сборник CSS-сниппетов 2️⃣
Сборник CSS-сниппетов 3️⃣
Сборник CSS-сниппетов 4️⃣

И конечно же не забываем делиться своими прикольными доработками, которые вы используете на постоянной основе ⬇️