Граф
Плагин «Граф» показывает [[Создание внутренних ссылок|внутренние ссылки]] между вашими заметками в виде графа.
Заметки с большим количеством ссылок появляются на графе как более крупные узлы.
![[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:¶
.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 по умолчанию. Вы можете переопределить любое из них, используя идентичное или более специфичное CSS-правило. Особенно это касается .color-fill-tag
и .color-fill-attachment
. В крайнем случае, добавьте !important
в конец вашего правила.
.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 {}