Post #72
840
CSS-сниппеты в Obsidian - с чего начать, если ты не верстальщик
В комментариях просили пост про CSS-сниппеты для тех, кто не в теме верстки. Отвечаю.
Что это такое: CSS - язык, который описывает внешний вид веб-страниц. Obsidian написан на веб-технологиях, поэтому его интерфейс можно менять через CSS. Сниппет - это небольшой файл с такими правилами: «сделай заголовки такого цвета», «покажи список в несколько колонок», «скрой панель свойств».
Как подключить:
1. Settings → Appearance → CSS snippets - там будет кнопка открыть папку
2. Положить в неё файл с расширением .css
3. Вернуться в настройки, найти сниппет в списке, включить тумблер
4. Изменения применяются сразу - не нужно перезапускать приложение
Где брать сниппеты:
- forum.obsidian.md - раздел Share & Showcase, тег css-snippets
- GitHub: поиск obsidian snippets
- minimal.guide - если используете тему Minimal
Если нет подходящего - можно описать задачу любому ИИ: «Хочу в Obsidian сделать заголовки H1, H2, H3 разных цветов, напиши CSS-сниппет». Работает хорошо для конкретных точечных правок.
Три примера из моего vault, чтобы было понятно что вообще меняется:
- Хаб-заметки в несколько колонок вместо одного длинного списка
- Кастомный каллаут для книг: обложка слева, метаданные справа
- Стилизация таблиц в Bases: полосатые строки, бейджи статусов
💬 Есть что-то в интерфейсе Obsidian, что давно хотелось изменить?
В комментариях просили пост про CSS-сниппеты для тех, кто не в теме верстки. Отвечаю.
Что это такое: CSS - язык, который описывает внешний вид веб-страниц. Obsidian написан на веб-технологиях, поэтому его интерфейс можно менять через CSS. Сниппет - это небольшой файл с такими правилами: «сделай заголовки такого цвета», «покажи список в несколько колонок», «скрой панель свойств».
Как подключить:
1. Settings → Appearance → CSS snippets - там будет кнопка открыть папку
2. Положить в неё файл с расширением .css
3. Вернуться в настройки, найти сниппет в списке, включить тумблер
4. Изменения применяются сразу - не нужно перезапускать приложение
Где брать сниппеты:
- forum.obsidian.md - раздел Share & Showcase, тег css-snippets
- GitHub: поиск obsidian snippets
- minimal.guide - если используете тему Minimal
Если нет подходящего - можно описать задачу любому ИИ: «Хочу в Obsidian сделать заголовки H1, H2, H3 разных цветов, напиши CSS-сниппет». Работает хорошо для конкретных точечных правок.
Три примера из моего vault, чтобы было понятно что вообще меняется:
- Хаб-заметки в несколько колонок вместо одного длинного списка
- Кастомный каллаут для книг: обложка слева, метаданные справа
- Стилизация таблиц в Bases: полосатые строки, бейджи статусов
💬 Есть что-то в интерфейсе Obsidian, что давно хотелось изменить?
- ❤🔥 8









