Email or username:

Password:

Forgot your password?
ХаББыватель

Решил, что пора освоить создание картотек в Obsidian.

Способа нашёл аж три штуки, основанные на разных плагинах:

1) Make.md - Notion внутри Obsidian. Круто, мощно, много функционала, иногда даже слишком много. И совершенно параллельная структура в интерфейсе, метаданных, организации заметок и оформлении. Реально как продукт внутри продукта. Не нашёл как внутри make.md использовать свойства заметок, да и ещё он мусорит служебными файлами в каталог с заметками.

2) DB folder - выводит в табличном виде заметки не только из папки, но и по тегу, например. Вроде делает то, что надо, но мало настроек и встроенная таблица в заметке выглядит чужеродно.

3) Dataview - БАЗА для любого пользователя Obisidian. Имеет три киллер-фичи - вывод данных таблицей или списком с использованием языка запросов, похожего на SQL, вывод данных в строке (inline) и использование для запросов js.

На третьем варианте я и остановился. Что я хотел:
1) Карточку (запись) с картинкой и атрибутами
2) Вывод содержимого карточек в виде сетки, с теми же атрибутами и картинками

Как я это организовал: привести карточку и сетку к нужному виду мне помогли самописные css-сниппеты. Свёрстано всё это было поверх темы minimal, поэтому в стандартной теме выглядит уныло. Но оно мне в стандартной теме и не нужно. Для того чтобы локально хранящееся изображение выводилось в сетке, пришлось запихнуть его в атрибут. Для того же, чтоб оно выводилось в карточке написал строковый запрос типа $= dv.container = '<img alt="cover" src="' + app.vault.getResourcePath(dv.current().cover) + '" />' Служебные поля вроде "cssclasses" скрыл для режима просмотра с помощью тех же css-сниппетов.

Не то чтобы мне сильно нужна была база пиваса, но на чём-то же надо было технологию обкатывать ))

https://entropysource.ru/photo/17976056126692810908c16470793762-1.jpeg

https://entropysource.ru/photo/400276899666928108d2486208924989-1.jpeg

#obsidian

8 comments
AltTexter RU

🖼️ 1 изображение 🖼️

🔍 Описание

Это скриншот страницы сайта магазина "Балтика". На странице представлена информация о безалкогольном пиве "Балтика №0 Лайм". Находится в разделе "Каталог/Безалкогольное пиво". Средняя оценка товара — 5 из 5 звезд. Наименование товара написано зеленым цветом. Рядом с наименованием товара находится кнопка "Добавить в избранное". Ниже кнопки расположен текст с описанием товара.

📝 Текст на картинке

Балтика №0 Лайм
Свойства
Категория: Каталог/Безалкогольное пиво
Рейтинг: 5.0
Рецензии: 0
Пивоварня: Балтика
Лаймовый газированный напиток, как и положено, похож на нечто среднее между пивом и лимонадом, но не похож ни на то, ни на другое.
0.33 л
Описание производителя
«Балтика №0 Лайм» - освежающий микс безалкогольного пива и нектара во вкусе и аромате. Бодрящий вкус и приятное послевкусие дополняют традиционные хмелевые нотки. Состав напитка абсолютно натуральный и влюбляет в себя с первого момента, как только его попробуешь. Основу напитка составляет безалкогольное пиво, которое производится по уникальной технологии максимально бережной и быстрой ферментации, которая копирует естественный процесс брожения классического пива. Такой метод позволяет максимально сохранить вкус, аромат и полезные свойства пива. В состав напитка входят натуральные ингредиенты, в том числе и сок лайма, который активизирует обмен веществ, улучшает пищеварение и является источником витамина С.
Сочетание с кухней: фруктовые десерты, морепродукты, паназиатская кухня
Выпускается с 2021 года
Обновление от 15.04.2023

🖼️ 2 изображение 🖼️

🔍 Описание

Это скриншот страницы интернет-магазина. На странице представлены три вида безалкогольного пива: Балтика №0 Лайм, Amstel 0.0 Natur Light Апельсин и Грейпфрут и Bud Zero. Под каждым товаром указана его цена.

📝 Текст на картинке

Безалкогольное пиво
Свойства
Добавить свойство
Балтика №0 Лайм
Лаймовый газированный напиток, на основе пива, но никакого пива на него не похоже
АМSTEL 0.0 Natur Light Апельсин и Грейпфрут
Содержит пиво. Классический солодовый вкус, который не напоминает пиво
Budweiser
Впервые сваренная в 1957 году, эта безалкогольная версия Budweiser обладает освежающим вкусом и ее невозможно отличить от обычного пива

🖼️ 1 изображение 🖼️

🔍 Описание

Это скриншот страницы сайта магазина "Балтика". На странице представлена информация о безалкогольном пиве "Балтика №0 Лайм". Находится в разделе "Каталог/Безалкогольное пиво". Средняя оценка товара — 5 из 5 звезд. Наименование товара написано зеленым цветом. Рядом с наименованием товара находится кнопка "Добавить в избранное". Ниже кнопки расположен текст с описанием товара.

Nanao Ei

@hubbitant а как ты хранишь сырые данные? Типо есть каталог "пивас", а внутри файлы "балтика-0", "bud-0"?

ХаББыватель
Основные заметки всё лежат в одной куче. Есть папки для специализированных заметок, одна из таких "Каталоги". Там лежит файл "Безалкогольное пиво".
ХаББыватель
Табличный запрос выглядит вот так:
TABLE without id
    embed(link(meta(cover).path)) AS Poster,
    file.link as Название,
    Рейтинг,
    Пивоварня,
    Отзыв
FROM -"Шаблоны"
WHERE contains(категория, [[]])
SORT file.name ASC

т.е. выбирает все записи, у которых в поле категория указана текущая заметка а именно. [[Каталоги/Безалкогольное пиво]]
Nanao Ei

@hubbitant о, прикольно! Спасибо!

овл 🍍🍕

@hubbitant а можно мне пару md-шек для реверсинжиринга?:) Мне надо красивый каталог персонажей Мастера в мою ДНД помоечку:з

ХаББыватель

Можно. Я там сниппеты сложил тоже, но они корректно работают только в теме minimal. Ну или если умеешь в вёрстку, так разберёшься 😉

https://drive.google.com/file/d/1xYMeC7kfjqlgFupHzTCEzAx6leZbi1Pz/view?usp=sharing

овл 🍍🍕

@hubbitant спасибочки, похлебаем!

Go Up