Плагин «Граф» показывает [[Создание внутренних ссылок|внутренние ссылки]] между вашими заметками в виде графа. Заметки с большим количеством ссылок появляются на графе как более крупные узлы. ![[Pasted image 10.png]] ### Советы по визуализации - Вы можете навести курсор на каждый узел, чтобы выделить его соединения, затеняя всё остальное. - Вы можете перетаскивать узлы, чтобы упорядочить граф. Это может быть полезно, если некоторые узлы перекрывают друг друга. ### Советы по перемещению - Для масштабирования можно использовать прокрутку колесика мыши, а так же клавиши `+` и `-`. - Для перемещения, перетаскивайте фон или используйте клавиши со стрелками на клавиатуре. - Удерживайте клавишу `Shift` во время навигации, чтобы ускорить процесс. ### Пользовательский CSS Поскольку граф визуализируется с использованием `<canvas>` и WebGL, [[Пользовательский CSS|CSS]] не может влиять на такие вещи, как узлы и ссылки. Чтобы настроить представление графа, мы предоставили способ преобразования цветов CSS в команды WebGL. #### Поддерживаются следующие классы CSS: ``` .graph-view.color-fill .graph-view.color-fill-tag (theme-dependent) .graph-view.color-fill-attachment (theme-dependent) .graph-view.color-arrow .graph-view.color-circle .graph-view.color-line .graph-view.color-text .graph-view.color-fill-highlight .graph-view.color-line-highlight .graph-view.color-fill-unresolved ``` \* theme-dependent означает, что вам, возможно, придется добавить `.theme-dark` или `.theme-light` для модификации под различные темы оформления. См. раздел [[Граф#Правила CSS используемые по умолчанию|Правила CSS используемые по умолчанию]] ниже. #### Поддерживаются следующие правила CSS: ```css .graph-view.color-class { /* Supports all CSS color directives, like #HEX, rgb and rgba */ color: #FFF; color: #FFFFFF; color: rgb(0, 0, 0); color: rgba(0, 0, 0, 1); /* Opacity (similar to rgba) will make the color transparent */ opacity: 0.5; } ``` #### Правила CSS используемые по умолчанию: Данные CSS-правила используются в Obsidian по умолчанию. Вы можете переопределить любое из них, используя идентичное или [более специфичное](https://developer.mozilla.org/en-US/docs/Web/CSS/Specificity) CSS-правило. Особенно это касается `.color-fill-tag` и `.color-fill-attachment`. В крайнем случае, добавьте `!important` в конец вашего правила. ```css .graph-view.color-fill, .theme-dark .graph-view.color-fill-tag, .theme-light .graph-view.color-fill-tag, .theme-dark .graph-view.color-fill-attachment, .theme-light .graph-view.color-fill-attachment, .graph-view.color-arrow, .graph-view.color-circle, .graph-view.color-line, .graph-view.color-text, .graph-view.color-fill-highlight, .graph-view.color-line-highlight, .graph-view.color-fill-unresolved {} ```