布局 - 小程序式的多合一知识库管理界面

太微（TiddlyWiki）作为一款灵活的单文件维基系统，其布局（layout）功能为用户提供了改变整个界面外观和工作方式的强大工具。本文将向普通用户介绍太微的布局功能，推荐几种实用的布局选择，并简单说明如何创建自己的定制布局。

什么是太微的布局功能？

布局是决定太微如何组织和展示内容的整体框架。从 5.1.23 版本开始，太微允许用户创建和切换多个不同的页面布局。通过快捷键 Ctrl+Shift+L，您可以随时查看可用的布局列表并进行切换。

一般在右上角的「页面控制」按钮区，也有一个如品字形的布局按钮，也可以打开布局切换器。

使用命令菜单也可以快速搜索和打开想用的布局。

布局不仅仅是简单的界面调整，它允许您完全重新设计整个工作环境。标准布局（卡片流式界面）可能适合大多数人，但特定场景下，其他布局可能会更高效。

实用布局推荐

0. 标准布局 （standard layout）太微最经典的卡片笔记布局

• 每个条目（笔记）都是一个卡片
• 卡片按打开顺序上下排列
• 通过给条目加特定标签，可以实现不同功能。例如让它出现在所有卡片的顶部或底部，实现功能区域（如反向链接）

1. 移动聊天式布局 （mobile-imessage-layout）最轻量级的灵感捕捉工具

• 特点：类似微博或 iMessage 的简洁布局，适合快速记录想法和待办事项
• 适用场景：移动设备使用、快速捕捉灵感、类似 flomo 的碎片记录
• 获取方式：安装 linonetwo/mobile-imessage-layout 插件
• 对话式 UI：将知识记录变成类似微信聊天的自然交互
• 零阻力输入：去除所有复杂界面元素，只保留最简洁的输入框
• 时间线视图：所有条目按时间顺序排列，形成思维流

解决的核心痛点

1. 记录阻力问题：传统笔记工具需要多次点击才能开始记录，而这个布局让记录变得像发微信一样简单
2. 碎片化知识管理：非常适合记录转瞬即逝的灵感、待办事项和简短思考
3. 移动端友好：在手机上使用时，体验接近原生社交应用

典型使用场景

• 散步时用手机记录突发灵感
• 建立个人「私人微博」，记录每日微思考

2. 日历视图布局 （tw-calendar）时空维度的知识组织

• 特点：将知识库内容以日历形式展示，支持基于日期字段的事件管理
• 功能亮点：
  • 拖拽创建新笔记，自动添加时间相关字段
  • 根据创建/修改/开始/结束日期自动聚合内容
  • 支持颜色标记
• 变体：事件日历、搜索日历、条目时间线视图
• 获取方式：安装 linonetwo/tw-calendar 插件
• 多层级可视化：
  • 事件日历
    • 只查看带有时间属性的事件条目
    • 月视图：宏观把握时间分配
    • 周视图：规划具体执行
    • 日视图：如开源版的「时间块」应用，详细记录一天做了那些事
  • 条目时间线
    • 查看所有条目，根据创建时间展示在日历中

解决的核心痛点

1. 时间感知：创建「每日笔记」或「每半天笔记」甚至「每三小时笔记」
2. 项目进度管理：直观看到各任务的时序关系和进度
3. 历史追溯：轻松回顾 ” 去年今日 ” 的记录

高级用法

• 将阅读笔记与阅读日期关联，形成阅读轨迹
• 记录健康数据并观察长期趋势
• 管理季节性重复任务 (如年度报告)

3. 横向故事视图 （krystal）多卡片笔记协同工作

• 特点：水平排列打开的条目，类似手风琴式界面
• 优势：
  • 更宽的工作空间
  • 适合多条目并行工作
  • 可搭配反链功能插件增强体验
• 获取方式：安装 linonetwo/krystal 插件

技术亮点

• 智能宽度调整：根据打开条目数量自动优化显示空间
• 动态链接高亮：高亮显示当前场景中已打开的卡片
• 平滑过渡切换：可设置自动关闭右侧卡片，减少多文档切换时的认知负荷

专业场景应用

1. 学术研究：主文献与参考文献并行查看
2. 功能开发：需求文档与实现代码对照
3. 写作创作：大纲与具体章节同步编辑

4. 原则大纲布局 （principles）构建个人认知操作系统

• 特点：大纲式界面专门用于记录和管理人生原则
• 特色功能：
  • 结合间隔重复技术帮助记忆原则
  • 结构化记录和回顾个人信念系统
• 获取方式：安装 linonetwo/principles 插件
• 分层结构：
  • Level 1：核心原则 (人生基本信念)
  • Level 2：领域原则 (工作/生活等特定领域)
  • Level 3：具体实践 (可执行的方法)
• 间隔重复系统：内置的复习机制确保原则内化

5. 任务管理系统布局 （intention-tower-knowledge-graph）目标驱动的知识管理

• 特点：可视化任务关系网络，构建 ” 意义之塔 ”
• 核心概念：
  • 任务与项目的树状关系
  • 父任务作为子任务的 ” 意义 ”
  • 整体任务图的可视化分析
• 适用场景：个人任务管理、人生目标梳理
• 获取方式：安装 linonetwo/intention-tower-knowledge-graph 插件
• 垂直整合：
  • 顶层：人生愿景
  • 中层：长期目标
  • 底层：日常任务
  • 挂件：知识类笔记，挂在相关的任务的节点上
    • 明确每个笔记可以放在什么地方，即放在令它「有意义」的目标或任务上
    • 杜绝松鼠症，没有相关意义的知识不放进来；一定要放进来的知识，可以先思考其对于自己的意义。
• 网络可视化：图形化展示任务间的依赖关系
• 意义量化：计算每个任务对上层目标的贡献度（通过任务链长度）

用户效益

• 减少 ” 忙碌但无进展 ” 的状态
• 快速识别并删除无价值任务
• 在任务执行中获得持续的意义感

6. 游戏化界面 （tw-gamification）

• 特点：将知识管理游戏化，通过奖励机制激励用户
• 功能亮点：
  • 完成任务获得游戏内奖励
  • 奖励可兑换为现实激励
  • 可以自定义游戏，任何知识库内行为都可以绑定为游戏事件
• 获取方式：安装 linonetwo/tw-gamification 插件

7. 健康追踪布局 （health-buff-debuff-tracker）

• 特点：专门用于记录健康状况的表格视图
• 分类系统：
  • Buff（增益）：有益健康的行为
  • Debuff（减益）：健康问题
  • Medicine（药物）：服用的药品
  • Condition（状态）：身体指标
• 获取方式：安装 linonetwo/health-buff-debuff-tracker 插件

8. 可视化仪表盘 （visualization-dashboard）

• 特点：数据可视化大屏，展示知识库统计信息
• 功能亮点：
  • 基于 ECharts 的图表系统
  • 可定制的仪表组件
  • 模板化快速创建新仪表
• 获取方式：安装 linonetwo/visualization-dashboard 插件

9. CPL 插件源：安装上述插件的应用市场

CPL 插件源是由 太微(TiddlyWiki)中文社区 维护的、致力于搜集网络上所有与 TiddlyWiki5 有关插件的、希望为中国以及全世界的太微用户提供一键安装、更新插件体验的公开插件源。

如果还不了解该如何使用太微和本插件源，欢迎阅读 中文社区共建的太微（TiddlyWiki）教程 里插件相关的部分。如上提到的插件源和教程皆为开源项目，你可以在 GitHub 中找到并参与贡献！如果乐意，可以通过 QQ 群等方式加入我们，详情请见如上提到的中文教程。

可以通过 https://tw-cpl.netlify.app/ 访问在线版，不过要往自己的知识库里安装插件，还是得使用本地版的 CPL 布局。

为什么这些布局提供了太微的核心体验？

1. 解决特定场景的深层需求：每个布局都针对一类知识工作痛点提供完整解决方案
   1. 提供最适合这类信息的输入输出方式（优化人机 I/O）。
   2. 日历视图可能适合录入数据，但针对之前的某个日记作衍生思考或自我检讨时，横向手风琴布局就更合适了。
2. 超越表面美化的功能创新：重新设计而不仅是重新装饰交互方式
   1. 太微允许开发者在布局里随意放置任何内容，而不会影响别的界面。
   2. 可以去掉任何太微默认的按钮、工具栏，而设计自己觉得最合适的工具栏等等。
3. 可组合性：不同布局，同一个数据库。
   1. 太微本身是一个图数据库（图论数据库，Graph Database），所有笔记都通过链接或字段的方式互相关联，自带筛选器表达式用于查询数据库
   2. 所有布局都是基于同一个数据源，数据完全打通。
   3. 在移动聊天式布局里录入的卡片笔记，可以在条目日历里按时间顺序查看，也可以添加到原则布局里作为行为准则去间隔重复。
4. 个性化扩展：基于通用模式但允许深度定制 4. 太微的插件都是开源的，而且大多基于维基文本（WikiText）书写，而不是使用 JavaScript 等编程语言，很易于普通人阅读和配合 AI 修改
   5. 太微内的每个功能本质上都是一个个笔记，布局插件也是由一个个笔记组成的。可以直接修改这些笔记，然后就能看到界面被自己定制修改了。

这些布局共同构成了太微区别于其他笔记工具的独特优势——它不是提供单一的知识容器，而是提供多种认知工具，让知识工作匹配人脑的真实运作方式。

如何创建自己的布局

使用者可以跳过这段，但如果你想设计一个专用于某类数据的界面，可以尝试创建自己的布局。

创建自定义布局需要创建一个带有 $:/tags/Layout 系统标签的替代页面模板条目。基本步骤包括：

1. 新建一个条目，添加 $:/tags/Layout 标签
2. 确保包含 name 和 description 字段（用于布局切换器中显示）
3. 基于以下通用模板开始构建：

\whitespace trim
\import [subfilter{$:/core/config/GlobalImportFilter}]
\define containerClasses()
tc-page-container tc-language-$(languageTitle)$ your-plugin-name-container
\end
\procedure redirected-navigate-actions()
  <$action-setfield $tiddler="$:/layout" text="" $timestamp="no" />
  <$action-navigate $to=<<event-navigateTo>> $scroll="yes" />
\end

<$navigator story="$:/StoryList" history="$:/HistoryList" openLinkFromInsideRiver={{$:/config/Navigation/openLinkFromInsideRiver}} openLinkFromOutsideRiver={{$:/config/Navigation/openLinkFromOutsideRiver}} relinkOnRename={{$:/config/RelinkOnRename}}>
	<$messagecatcher $tm-navigate=<<redirected-navigate-actions>>>
		{{$:/core/ui/CommandPaletteTemplate}}
		<div class=<<containerClasses>>>
			<!-- Your layout content here -->
		</div>
	</$messagecatcher>
</$navigator>

关键组成部分：

• 导入标准布局中的全局可用宏
• 定义顶层 CSS 类
• 处理链接导航逻辑
• 选择性包含标准界面元素（如命令面板）

创建完成后，您的自定义布局将出现在布局切换器（Ctrl+Shift+L）的列表中。

结语

太微的布局功能为用户提供了极大的界面定制自由，从简洁的移动聊天界面到复杂的数据可视化仪表盘，几乎可以满足任何知识管理场景的需求。通过尝试不同的布局插件，您可以找到最适合自己工作流程的界面方案。当现有布局无法满足特定需求时，创建自定义布局的过程虽然需要一些技术知识，但为高级用户提供了无限的可能性。

讨论

若阁下有独到的见解或新颖的想法，诚邀您在文章下方留言，与大家共同探讨。