TiddlyWiki如何设创建目录页和按照章节组织条目

devtools/2024/12/23 5:21:26/

起因:之前虽然安装了Tiddlywiki,但是我仅仅是把它当作临时信息、日程的记录工具。时间长了,记录条目太多,想要分类,创建目录,所以就有了本文。目前通过搜索引擎查到的关于tiddlywiki的目录的编辑和创建,没有足够小白的教程。 我这里以图文、免费、公开的方式,对其进行了初步总结,方便后继查阅,也方便使用该工具的人来配置修改。

一、最终效果

二、 创建一个名为“目录”的条目

2.1 如下图所示,我们创建了一个标题名为 “目录” 的新条目, 在下图 1 所示位置,输入: $:/tags/SideBar  然后点击2处的添加, 即增加了一个标签A。 点击对号√ ,保存该条目, 则右侧的侧边栏区域位置,将会在 开启-最近-工具-更多 这四个标签的后面出现 如上面图片中1所示的目录。

2.2 调整顺序,使其位于"开启"这个标签的前方。

如下图所示,在 “字段名称”区域,填入 list-before, 在字段内容中输入 $:/core/ui/SideBar/Open , 点击下图4 所示的 添加, 即可生成下图3 所示的配置字段。 意思显而易见,让 “目录” 标签显示在了 “开启” 这个标签的最前面。同样,需要保存后生效

2.3 让目录 条目的内容显示如 图1中区域2所示

在 目录,条目中的文字内容编辑区域,填写如下内容 

<div class="tc-table-of-contents">
<<toc-selective-expandable 'Menual' sort[ind]>>
</div>

注意: 标签B 和该文字内容的 B 区域是相对应的 

 三、 自动生成目录,并按照级别进行缩进

如最上面图1 中区域2 所示, 目录 下方还有 “常用信息记录”、 “FreeBSD教程” 、“ZS文件系统应用” 这三个一级目录(目录 本身为0级),这是因为,我们以“目录” 这个条目为“父”级,创建了这3个 子条目,形成了这三个一级目录;

此外,继续以该一级目录为“父”级,创建的条目自然而然就成了二级目录。 如下图所示

注意1: 上图1区域所示的 添加子条目,可以设置为隐藏或显示。其配置方法,可参考我之前的文章  Debian12中搭建TiddlyWiki服务并进行配置-CSDN博客

注意2: 如果是先创建了许多的条目,后面要按类别进行分类和目录组织, 则添加“父级”标签即可。 同时,一个条目可以添加多个标签, 也就是说,同一个条目,可以有多个  “父级”!!!

注意3: 上图区域4 显示的内容,和第2部分的配置一样,要添加 

<div class="tc-table-of-contents">
<<toc-selective-expandable 'Menual' sort[ind]>>
</div>

将Menual 修改为 “父级” 条目的名称即可

四、 同级目录之间的排序

还以 “测试一下”  这个条目为例, 它的  “父级” 是 “ZFS文件系统应用” ,在该条目下方添加字段ind,并设置数值,则顺序会按照同级别之间的该字段大小进行排列。

五、补充:如何调整目录-开启-最近-工具-更多 这些标签的顺序

如上面2.2中所述。只要打开这些 标签的 条目,对其进行配置即可。那么如何打开? 请看下图

 


http://www.ppmy.cn/devtools/144594.html

相关文章

代码随想录day21 | leetcode 669.修剪二叉搜索树 108.将有序数组转换为二叉搜索树 538.把二叉搜索树转换为累加树 二叉树总结篇

669.修剪二叉搜索树 调用递归实现剪枝 class Solution {public TreeNode trimBST(TreeNode root, int low, int high) {if(root null) return null;if(root.val < low) return trimBST(root.right, low, high); //如果当前节点的值小于low&#xff0c;意味着当前节点及其…

相机内外参知识

已知相机的内外参数矩阵&#xff0c;可以求得相机在世界坐标系下的原点坐标。这里需要理解几个概念&#xff1a; 内参数矩阵&#xff08;Intrinsic Matrix&#xff09;: 描述相机本身的属性&#xff0c;比如焦距、主点位置等。外参数矩阵&#xff08;Extrinsic Matrix&#xf…

跟着问题学18——transformer模型详解及代码实战(3)Encode编码器

跟着问题学18——transformer模型详解及代码实战&#xff08;1&#xff09; 跟着问题学18——transformer详解(2)多头自注意力机制-CSDN博客 2.3 残差连接 通过自注意力层我们挖掘提取了原始数据的特征&#xff0c;但编码层中会有多个编码器&#xff0c;这会导致网络层数的加…

火山引擎FORCE:智算能力全面升级

火山引擎智算专场 &#xff1a; 有幸参加 2024年 12月18日 在 上海国际博览中心 15&#xff1a;00~17&#xff1a;00的 智算专场。 这里 火山引擎智算专场图片 &#xff1a; 火山引擎智算专场内容 &#xff1a; 火山引擎图片 智算专场&#xff1a;乘云之势&#xff0c;智启未…

Java中ArrayList和LinkedList的区别?

在 Java 中&#xff0c;ArrayList和LinkedList都是实现了List接口的集合类&#xff0c;用于存储和操作有序的元素集合。它们在内部实现和性能特性上存在一些显著的区别&#xff0c;以下是对这两者的详细比较&#xff1a; 底层数据结构 ArrayList&#xff1a;基于数组实现&…

android studio更改应用图片,和应用名字。

更改应用图标&#xff0c;和名字 先打开AndroidManifest.xml文件。 更改图片文件名字&#xff08; 右键-->构建-->重命名&#xff08;R&#xff09;&#xff09;

html 中 表格和表单的关系与区别

在 HTML 中&#xff0c;表格 (<table>) 和表单 (<form>) 是两种常用于展示数据和收集用户输入的元素。它们具有不同的功能和结构。以下是关于这两者的详细介绍&#xff1a; 1. HTML 表格&#xff08;<table>&#xff09; 表格用于展示结构化的数据&#xf…

Libevent实现TCP客户端服务器

Libevent实现TCP客户端服务器 17-libevent实现Tcp服务器流程_bilibili_哔哩哔哩_bilibili 文章目录 Libevent实现TCP客户端服务器1.服务器端实现流程2.服务器端代码实现3.客户端实现流程4.客户端代码实现 1.服务器端实现流程 1.创建 event_base 2.创建服务器连接监听器 evc…