TiddlyWiki: Multi-line Content in List

 28th August 2020 at 11:57am

有一些场景下，需要在有序列表中的某个项目（item）下展示代码或者段落。但是默认情况下，TiddlyWiki 认为一换行就到下个项目（item）。比如下面的例子，code blocks 并不被认为是第一项里面的，同时也没有正确的缩进：

  1. 新建 styles/style.sass 文件，写入：
@charset "utf-8"

// 对 Bulma 定义的变量做修改时，应该放在 import 语句之上
$box-padding: 0.75rem

@import "../node_modules/bulma/bulma.sass"
  1. 将 styles/style.sass 编译成 CSS

官方提供的 解决方法 是使用 $transclude 或者加个 <div> 元素。这里使用 <div> 对上面代码做改造：

  1. 新建 styles/style.sass 文件，写入：
    @charset "utf-8"

// 对 Bulma 定义的变量做修改时，应该放在 import 语句之上
$box-padding: 0.75rem

@import "../node_modules/bulma/bulma.sass"
  2. 将 styles/style.sass 编译成 CSS

现在就是正常的展示了。