Excalibrain详解文档

Excalibrain与图谱的区别

1.手动可控的关系
通过内联字段构建,节点名称::,可以不显示双链的
2.关系分区
对比很明显,有视觉分区,可以跟父节点定义为主概念衍生,怎么衍生当前概念的;兄弟节点是同级概念,连接线也能够添加文字。
实现the brain的功能
图谱的双链一多,根本看不清为什么链接这个节点
视觉分区

节点链接的理由

3.虚拟节点,标签节点

图谱

Excalibrain的语法

节点名称:: 双链/标签


语法部分1:节点名称
语法部分2: :: 两个英文冒号+一个空格
语法部分3:双链/#标签
示例

语法部分1 语法部分2 语法部分3 作用
父节点 :: [[父节点]]
子节点 :: [[这是一个虚拟节点,并未创建实际文件]] 创建一个虚拟节点,但这个双链文件可以不创建
上一个节点 :: #这是使用标签进行链接 使用标签进行链接

还有一种构建节点的方法,是直接构建属性,这种用法个人不喜欢

节点功能详解

  • 中心节点:当前的中心,让你知道在看什么
  • 父节点:是什么衍生了当前的中心节点
  • 子节点:当前的中心节点衍生了什么
  • 孙节点:当前节点的子节点,与当前节点的父节点的关系
  • 兄弟节点:同一个父节点下面的概念,平级概念,这不是一个显式节点,而是节点的关系。类似与孙节点
  • 左侧/右侧节点:朋友关系,可以是跟父节点不同主题,但是有关联的
  • 虚拟节点:主题,但不想创建文件是使用,画布有独立开关
  • 标签节点:多维度链接,使用标签关联,画布有独立开关
  • URL节点:当前中心节点中存在的URL,都可以被识别为单独的节点。画布有单独开关,无需定义。
  • 推断节点:根据中心节点内的双链进行推断的关系
  • 上一个/下一个节点:这两个节点,在视觉上都是左右,概念是前置条件,和后置结果,相当于1>2>3。可以自己定义作用。
  • 别名:用aliases属性定义,有独立开关,相当于给文件配置了另一个名称
  • 附件节点:pdf、png、word等,无需节点定义
  • 隐藏节点:这是作者留下的一个工具,有独立开关,作用,当你其它节点都使用了,但你又想清晰的看清楚主要关系,就可以使用这个链接次要关系

Excalibrain初始化

Excalibrain的依赖插件

Excalidraw:渲染画布,Excalibrain是借助Excalidraw的画布进行渲染节点关系的
dataview:需要dataview的内联字段读取链接关联
Hover Editor:使用悬停编辑器模式

Excalibrain设置

只挑一些重点的讲,其它个性化的自己摸索




每个不同节点的颜色设置:

Excalibrain命令

不同的显示模式

  1. ExcaliBrain:ExcaliBrain 弹出窗口模式
    独立窗口显示Excalibrain的关系图
  2. ExcaliBrain:ExcaliBrain普通模式
    分屏,在旁边窗口弹出Excalibrain构建的画布
  3. ExcaliBrain:ExcaliBrain悬停编辑器模式:将 ExcaliBrain 知识图谱嵌入到Hover Editor悬浮窗口 中的功能。
    依赖Hover Editor插件

快捷添加字段

下面这些命令,需要当前激活的文档,存在 ''节点名称:: ''才能触发

ExcaliBrain:将 dataview 字段添加本体作为父节点
ExcaliBrain:将dataview 字段添加本体作为上一个节点
ExcaliBrain:将dataview 字段添加到本体作为下一个节点
ExcaliBrain:将dataview 字段添加到本体作为右侧友好节点ExcaliBrain:将 dataview 字段添加本体作为子节点
ExcaliBrain:将dataview 字段添加到本体作为左侧友好节点
ExcaliBrain: Add dataview field to ontology as HIDDEN
添加隐藏节点
ExcaliBrain: Add dataview field to ontology: Open Ontology Modal
命令行打开模态窗添加
还有另一种方法

画布设置按钮

画布上方只讲一些复杂的,其他的都是开关

画布历史点击导航
从左到右:当前>最新>最早


原生样式不好看,用ai写了个css增强显示,顺便隐藏缩放按钮

/* ===================================
   Excalibrain 美化
   =================================== */

/* HISTORY PANEL */
.excalibrain-history-wrapper {
  z-index: 3;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  padding: 0 10px 6px 7rem;
  overflow: hidden;
  animation: excalibrain-slideUp 0.4s ease-out;
}

.excalibrain-history-container {
  display: flex;
  align-items: center;
  overflow-x: auto;
  overflow-y: hidden;
  padding: 6px 16px;
  background: linear-gradient(90deg, var(--eb-bg-glass-dark), rgba(0, 0, 0, 0.6));
  backdrop-filter: blur(10px) saturate(150%);
  -webkit-backdrop-filter: blur(10px) saturate(150%);
  border-radius: var(--eb-border-radius-lg);
  box-shadow: var(--eb-shadow-md), inset 0 1px 0 rgba(255, 255, 255, 0.1);
  scrollbar-width: thin;
  scrollbar-color: rgba(255, 255, 255, 0.2) transparent;
}

/* Scrollbar */
.excalibrain-history-container::-webkit-scrollbar { height: 6px; }
.excalibrain-history-container::-webkit-scrollbar-track { background: transparent; }
.excalibrain-history-container::-webkit-scrollbar-thumb { 
  background: rgba(255, 255, 255, 0.25); 
  border-radius: 3px;
}
.excalibrain-history-container::-webkit-scrollbar-thumb:hover { 
  background: rgba(255, 255, 255, 0.4); 
}

/* History Divider */
.excalibrain-history-divider {
  color: rgba(255, 215, 0, 0.7);
  margin: 0 8px;
  font-size: 14px;
  text-shadow: 0 0 8px rgba(255, 215, 0, 0.5);
  animation: excalibrain-pulse 2s ease-in-out infinite;
  display: flex;
  align-items: center;
}

/* History Item */
.excalibrain-history-item {
  cursor: pointer;
  color: rgba(192, 192, 192, 0.95);
  font-size: 13px;
  font-weight: 500;
  letter-spacing: 0.3px;
  padding: 6px 12px;
  margin: 0 4px;
  height: 28px;
  border-radius: var(--eb-border-radius-sm);
  white-space: nowrap;
  display: flex;
  align-items: center;
  position: relative;
  transition: transform 0.15s ease, background 0.15s ease, border-color 0.15s ease;
  
  background: linear-gradient(145deg, rgba(255, 255, 255, 0.12), rgba(255, 255, 255, 0.05));
  border: 1px solid rgba(255, 255, 255, 0.15);
  border-top-color: rgba(255, 255, 255, 0.2);
  border-left-color: rgba(255, 255, 255, 0.2);
}

.excalibrain-history-item:hover {
  color: #fff;
  transform: translateY(-2px);
  background: linear-gradient(145deg, rgba(255, 255, 255, 0.2), rgba(255, 255, 255, 0.1));
  border-color: rgba(255, 255, 255, 0.25);
  border-top-color: rgba(255, 255, 255, 0.3);
  border-left-color: rgba(255, 255, 255, 0.3);
  text-shadow: 0 0 10px rgba(255, 255, 255, 0.3);
}

.excalibrain-history-item:active {
  transform: translateY(1px);
  background: linear-gradient(145deg, rgba(255, 255, 255, 0.06), rgba(255, 255, 255, 0.03));
  border-color: rgba(255, 255, 255, 0.1);
  border-top-color: rgba(255, 255, 255, 0.12);
  border-left-color: rgba(255, 255, 255, 0.12);
}

/* 隐藏缩放控制 */
.layer-ui__wrapper__footer-left .zoom-actions {
  display: none !important;
}

/* 关键帧 */
@keyframes excalibrain-pulse {
  0%, 100% { opacity: 0.7; }
  50% { opacity: 1; }
}
@keyframes excalibrain-slideUp {
  from { transform: translateY(20px); opacity: 0; }
  to { transform: translateY(0); opacity: 1; }
}

效果:

用这个css会影响正常的Excalidraw画布的缩放按钮,会一起隐藏

使用方法

构建moc,节点串联,可视化关系


这是一个介绍(子节点:: [[Excalibrain链接关系演示|Excalibrain]])的文档和示例库,这是(上一个节点:: [[上一个节点]]),这个库主要讲解Excalibrain的使用和设置。
效果:

卡片盒笔记法

串联概念,这个具体参照zk和卡片盒笔记


简单示例库,复杂的不写了

2 个赞