Hyper 适合技术讲座和设计,这些想法通过图表而非单行连接。你写(Markdown、图片或整个嵌套空间),把它们放在 ,然后用 :...
概览
Hyper 是为技术讲座和设计而设计的,这些想法通过图表而非单一线条连接。你写(Markdown、图片或整个嵌套空间),将它们放在一个 ,并通过 :通过相同的资源,通过 :有名称、有颜色、有方向的路径连接它们。React Flow 会一次性绘制每个图,每个图都用它自己的颜色,在你选择的位置。 (ADR 0024)。Present在浏览器能用的全屏位置绘制图的第一个资源,在全窗口阶段绘制图的第一个资源,画布上方以16:9的信箱框覆盖画布,画布保持原位不动(ADR 0123)。箭头键跟随图的边缘:右键跟随选中的边,左键沿路径返回,上下键在分岔处选择。离开呈现时,画布完全保持原样。 你的作品是一个普通文件目录,也就是Aggregate目录,你把它保存在自己的git仓库里。 你需要Node ≥ 26.8.1和pnpm 9。Node不再捆绑核心包,所以如果没有,安装pnpm时用npm install -g pnpm@9。
概述(AI 翻译)
Hyper 适合技术讲座和设计,这些想法通过图表而非单一线条连接。你写资源(Markdown、图片或整个嵌套空间),将它们放在地图上,并用图连接:有名称、有颜色、有方向的路径,穿过相同的资源。React Flow 会一次性绘制所有图,每个图都有其颜色,位于你选择的位置。
呈现是在图本身的阶段中穿越图(ADR 0024)。呈现在浏览器能全屏显示的地方,绘制图的第一个资源在全窗口阶段绘制,该阶段为16:9的16:9帧,以信箱框覆盖画布,保持不动(ADR 0123)。箭头键跟随图的边缘:右键跟随选中的边,左键返回所走路径,上下选择在分岔处。离开呈现显示画布完全原状。
你的作品是一个普通文件目录,也就是Aggregate目录,你把它保存在自己的git仓库里。
快速开始
你需要 Node ≥ 26.8.1 和 pnpm 9。Node 不再捆绑 corepack,所以如果没有 pnpm,就用 npm install -g pnpm@9 安装。
本页由 AI 翻译,技术细节请以原文为准。
README
以下为原文 README 节选,完整内容请查看原文。
InfinityCube
InfinityCube is for technical talks and designs whose ideas connect as a graph rather than a single line. You write Resources (Markdown, pictures, or whole nested Spaces), place them on a Map, and connect them with Graphs: named, coloured, directed paths through the same Resources. React Flow draws every Graph at once, each in its own colour, at the positions you chose.
Presenting is traversing a Graph on its own Stage (ADR 0024). Present takes the browser fullscreen where it can and draws the Graph’s first Resource on a full-window Stage, one 16:9 frame letterboxed over the canvas, which stays behind it untouched (ADR 0123). Arrow keys follow the Graph’s Edges: Right follows the selected one, Left goes back along the path taken, Up and Down choose at a fork. Leaving presenting shows the canvas exactly as it was.
Your work is a directory of plain files, an Aggregate directory, that you keep in its own git repository.
Quick start
You need Node ≥ 26.8.1 and pnpm 9. Node no longer bundles corepack, so install pnpm with npm install -g pnpm@9 if you do not have it.
git clone https://github.com/tobyhede/infinity-cube.git
cd infinity-cube
pnpm install
git init ~/talks/rust-async
pnpm cube init ~/talks/rust-async
git -C ~/talks/rust-async add -A
git -C ~/talks/rust-async commit -m "New talk"
pnpm cube run ~/talks/rust-async
init writes a new aggregate to ~/talks/rust-async, which must be empty apart from dot-entries such as .git, and prints the command that runs it. Committing what it wrote before the first run gives git a revision to restore. run prints the address it serves (http://localhost:4173/ unless that port is taken) and opens it in your browser.
-
Edit. Pick a Graph in the Command Dock, the toolbar floating over the canvas; every Graph stays drawn, and the one you pick is emphasised. Select a Resource to reveal its toolbar, and use Edit to write its Title and Markdown. Drag a Resource to move it. Drag from one of a Resource’s four handles to another Resource to add an Edge to the active Graph; hold Option (macOS) or Alt and drop on empty canvas to create a new Resource and connect it in one go.
-
Press Present to traverse the Graph:
→follows an Edge,←goes back,↑/↓choose at a fork,Escreturns to the Map. -
Press Ctrl-C in the terminal. InfinityCube writes anything not yet on disk and exits.
-
Commit your work in the directory’s own repository:
cd ~/talks/rust-async git add -A git commit -m "First draft"
Run pnpm cube run from the InfinityCube clone every time, pointing at whichever directory you are working on. For every pnpm cube verb, a relative path is relative to where you ran pnpm.
How Running works
推荐工具
换一个关键词,或者移除筛选条件。
安装
npx skillfish add tobyhede/hyper