从零开始搞懂 c0ne 笔记跑狗图：我踩过的坑和完整操作流程

第一次听到「c0ne 笔记跑狗图」这个词的时候，我脑子里全是问号。跑狗图？是那种赛狗场里贴的图吗？还是什么黑话？后来在一个做笔记类工具的朋友群里，有人发了张图，说「这是用 c0ne 笔记跑的狗图，效果还行」，我才算第一次见到真东西。说白了，它就是用 c0ne 笔记这个工具（也有人叫它 cone 笔记，写法不统一，但指的都是同一个东西）生成的一种带动态轨迹或者节点连线风格的示意图，因为线条跑起来像狗追东西，圈子里就给了个「跑狗图」的诨名。

我前后折腾了差不多两周，从完全不会到能稳定出图，中间翻了不少车。网上能搜到的教程要么太简略，要么默认你已经懂了一堆前置知识。所以我想干脆把自己的完整步骤写下来，尽量把每个环节都拆开讲，包括那些看起来不起眼但特别容易卡住的地方。

先搞清楚 c0ne 笔记到底是个什么东西

在动手之前，有必要先把这个工具本身说明白。c0ne 笔记并不是一个大众熟知的笔记软件，它更像是某个小圈子里流传的轻量级笔记加可视化工具。它的核心逻辑是把笔记里的文字节点顺利获得某种规则连接起来，然后渲染成图。跑狗图就是其中一种渲染模式，特点是节点之间的连线会带有方向感和流动感，看起来像有东西在线上跑。

我一开始以为它跟 Obsidian 或者 Logseq 那种双链笔记差不多，后来发现不是一回事。c0ne 笔记更偏向「一次性生成」，就是你给它一段结构化的文本，它按自己的解析规则吐出一张图。它没有复杂的插件系统，也没有庞大的社区支持，很多功能得靠自己试。这也是为什么网上教程少的原因——用的人本来就不多，愿意写详细步骤的更少。

跑狗图和普通笔记图的区别

普通笔记图就是静态的节点和连线，你看到什么就是什么。跑狗图不一样，它的连线带有动画效果，节点之间的连接顺序会按照你设定的路径「跑」起来。这个跑的过程可以循环，也可以只跑一次。视觉上，线条的粗细、颜色、跑动速度都可以调。我第一次看到的时候觉得挺酷的，但调参数的时候差点把鼠标摔了——选项藏得太深了。

准备工作：别急着打开软件

很多人一上来就打开 c0ne 笔记开始敲字，结果发现生成的图乱七八糟。我一开始也这样。后来才明白，跑狗图对输入文本的结构要求比较高。你得像写大纲一样，把节点和层级关系先理清楚。

文本结构的整理

我的习惯是先在另一个编辑器里把内容写好。每一行代表一个节点，用缩进来表示层级。比如：

项目启动
    需求调研
        用户访谈
        竞品分析
    方案设计
        原型图
        技术选型

这种结构 c0ne 笔记解析起来最顺。如果你把一堆句子堆在一起，它也能解析，但节点会挤成一团，跑狗图的线条会交叉得没法看。我试过一次偷懒，直接把一段会议记录粘进去，结果生成的图像一团乱麻，根本没法用。

节点命名的注意事项

节点名字不要太长。我试过用一整句话当节点名，结果渲染出来文字溢出节点框，丑得不行。控制在十个字以内比较稳妥。另外，同一个层级的节点最好保持相似的命名风格，要么都是动词开头，要么都是名词，混着来会让图看起来很不协调。

核心步骤：从文本到跑狗图

准备工作做完，就可以打开 c0ne 笔记了。下面的步骤是我反复试出来的顺序，按这个来基本不会出大错。

第一步：导入或粘贴文本

c0ne 笔记的界面很朴素，左边是编辑区，右边是预览区。把整理好的文本粘贴到编辑区。注意，它默认的解析规则是基于缩进的，所以粘贴的时候要确保缩进没有丢失。我有一次从网页上复制内容，缩进全变成了空格，结果所有节点都变成了同一层级，图完全没法看。后来我养成了习惯，粘贴后先检查一遍缩进。

第二步：选择跑狗图渲染模式

预览区上方有个下拉菜单，默认是「标准图」。点开，里面有几个选项，其中就有「跑狗图」。选中之后，预览区会刷新，线条开始动起来。第一次看到的时候可能会觉得有点晃眼，因为默认的跑动速度偏快。别急，后面可以调。

第三步：调整节点布局

跑狗图的布局算法跟标准图不太一样。标准图通常用树状布局，跑狗图默认用的是力导向布局，节点会自己找位置。如果你觉得节点太挤，可以在设置里把「斥力」参数调大。我一般调到 1.5 到 2.0 之间，具体看节点数量。节点少于十个的时候，默认值就够用；超过二十个，就得手动调了。

还有一个「连线长度」的参数，调大之后节点之间距离变远，图会更舒展，但跑狗图的线条也会变长，跑起来的时间更久。我一般保持在默认值附近，除非图特别大。

第四步：设置跑狗动画参数

这是最关键的一步，也是我踩坑最多的地方。跑狗动画有几个核心参数：速度、循环模式、线条样式。

速度默认是「中」，我建议先调到「慢」，看清楚线条的跑动路径，确认没有逻辑错误之后再调快。循环模式有「单次」和「循环」两个选项。如果你是要做演示，用「循环」；如果是截图或者导出静态图，用「单次」就行。

线条样式里可以改颜色和粗细。默认的线条是灰色的细线，跑起来不太明显。我一般会把线条调粗一点，颜色改成跟背景对比度高的。但注意别太粗，太粗了会盖住节点文字。

第五步：微调节点样式

节点本身的样式也会影响跑狗图的观感。c0ne 笔记里可以改节点的背景色、边框、字体大小。我的经验是，跑狗图的节点不要用太亮的颜色，因为线条已经在动了，节点再花哨的话，整个图会显得很闹。用浅灰或者浅蓝的底色，配深色文字，看起来最舒服。

第六步：导出或截图

c0ne 笔记支持导出 PNG 和 SVG。PNG 适合直接发出去，SVG 适合后期再编辑。但跑狗图是动态的，导出成静态图之后，跑动的效果就没了。如果你需要展示动态效果，只能录屏。我一般用系统自带的录屏工具，录个五六秒的循环，够用了。

导出的时候注意分辨率。默认是 72dpi，发到手机上会有点糊。调到 150dpi 或者 300dpi 会好很多，但文件也大不少。我一般用 150dpi，平衡一下清晰度和文件大小。

常见问题和我自己的解决办法

图跑起来之后节点乱跳

这个问题我遇到好几次。原因是力导向布局在动态渲染的时候，节点位置会不断微调。解决办法是在设置里把「布局稳定后停止」的选项勾上。这样节点稳定之后就不会再动了，跑狗动画只在线条上跑，节点本身不动。

线条交叉太多

线条交叉是跑狗图的通病，尤其是节点多的时候。我的办法是调整节点的层级关系，尽量让同一层级的节点数量少一些。如果实在没法避免，就把线条的透明度调低一点，交叉的地方看起来不会那么乱。

跑狗图跑一半卡住

这个通常是浏览器性能问题。c0ne 笔记是网页版，节点太多或者动画参数太高的时候，浏览器渲染不过来。解决办法是减少节点数量，或者把跑动速度调慢。如果还不行，换个浏览器试试。我用 Chrome 的时候卡过，换 Firefox 就顺畅了。

一些进阶玩法

熟悉基本操作之后，可以试试一些进阶的设置。比如给不同的连线设置不同的颜色，用来区分不同类型的关系。或者给节点加上图标，让图更直观。c0ne 笔记支持在节点文字前面加 emoji，渲染出来就是个小图标。我试过用不同颜色的 emoji 来标记节点状态，效果还不错。

还有一个玩法是把跑狗图当成进度展示。比如项目管理的场景，把已完成、进行中、未开始的节点用不同颜色标记，跑狗动画沿着任务流程跑，看起来挺直观的。不过这个需要对 c0ne 笔记的解析规则比较熟悉，新手可以先跳过。

最后说一个我自己的教训：不要一次性追求完美。我刚开始的时候，一张图调了两个小时，结果越调越乱。后来学乖了，先按默认参数出一版，看看整体结构对不对，再慢慢调细节。跑狗图这东西，结构对了，怎么调都不会太难看；结构错了，参数调出花来也救不回来。