xlinkote - 无限画布白板笔记与知识管理工具

xlinkote 是一个开源的无限画布白板笔记工具，专注于知识管理和可视化思维。该项目基于 TypeScript 开发，提供了类似 PPT 的自由布局体验和多种实用功能，帮助用户以直观的方式组织和管理知识。

项目简介

xlinkote 由 xushengfeng 开发维护，是一个基于 Web 技术的知识管理系统。截至目前，该项目在 GitHub 上已获得 48 stars 和 7 个 fork。项目采用 GPL-3.0 开源协议，主要使用 TypeScript (84.1%)、CSS (11.0%) 和 HTML (4.2%) 编写。

该工具的核心理念是模仿人脑记忆行为，通过双链笔记和关联程度来组织知识，支持知识之间的多对多关联，并提供记忆衰减提示功能。

核心特性

无限画布

• 自由布局：像制作 PPT 一样自由更改元素位置
• 无限缩放：支持无限放大缩小，适应不同查看需求
• 多种排版：借助 CSS 技术实现丰富的排版样式

双链笔记

• 多对多链接：类似超链接但支持多对多关联模式
• 快捷标记：使用 [[]] 标记关键字或直接绑定主元素
• 悬浮预览：悬浮在链接列表上可直接预览内容

丰富元素支持

• Markdown 支持：完整的 Markdown 及其拓展语法
• 数学公式：支持 $\LaTeX$ 数学公式，基于 MathJax
• 图形绘制：支持 TikZ 图形绘制
• 多媒体嵌入：图像、视频、PDF、GLB 3D 模型、Geogebra

知识管理

• 主元素系统：代表知识点，支持自由调整大小和位置
• 链接值机制：每条链接存在值属性，链接越多元素值越大
• 智能复习：通过关联程度计算提供按需复习提示

其他功能

• 压感画笔：支持压感、粗细调节、颜色选择和图层管理
• 手写识别：利用 Google API 实现全屏手写识别
• 待办事项：内置 todo 列表功能
• 演示模式：支持 PPT 式演示
• PWA 支持：可离线使用，支持本地缓存

技术栈

• TypeScript - 主要开发语言，提供类型安全
• Vite - 构建工具，支持快速开发和打包
• Tailwind CSS - 样式框架，实现响应式设计
• MathJax - 数学公式渲染
• TikZJax - TikZ 图形支持
• WebDAV - 云存储同步（支持压缩和加密）

安装指南

在线使用

无需安装，直接访问在线版本： https://xlinkote.netlify.app/

本地编译

# 克隆仓库
git clone https://github.com/xushengfeng/xlinkote.git
cd xlinkote

# 安装依赖
npm i

# 下载 OCR 相关文件
node init.js

# 编译
npm run build

# 启动预览服务器
npm run preview

桌面客户端

如需桌面版本，可使用配套项目： https://github.com/xushengfeng/xln-desktop

使用模式

xlinkote 提供三种工作模式：

浏览模式

• 点击文本元素进行编辑
• 浏览多媒体元素
• 启用手写输入进行识别
• 负责知识管理和查看

设计模式

• 在空白处拖动创建文本元素
• 通过拖动手柄调节元素大小和位置
• 自由布局知识内容

绘制模式

• 支持鼠标、数位笔或触控屏绘制
• 压感笔迹书写
• 形状识别功能

数据存储

• 本地优先：文件默认保存到浏览器的 IndexedDB
• 自动保存：无需手动保存，自动同步
• WebDAV 同步：支持通过 WebDAV 进行云同步
• 自由导出：支持导出文件和数据库
• 无需注册：不存在官方云存储，保护隐私

注意事项

⚠️ 此程序目前处于测试状态，各项功能可能会不断变动，无法确保数据的长期可用性，请谨慎使用重要数据。

项目链接

• GitHub 仓库：https://github.com/xushengfeng/xlinkote
• 在线使用：https://xlinkote.netlify.app/
• 桌面客户端：https://github.com/xushengfeng/xln-desktop