Skip to content

Граф

Плагин «Граф» показывает [[Создание внутренних ссылок|внутренние ссылки]] между вашими заметками в виде графа.

Заметки с большим количеством ссылок появляются на графе как более крупные узлы.

![[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 {}
Back to top