TiddlyWiki: Multi-line Content in List

28th August 2020 at 11:57am
TiddlyWiki

有一些场景下,需要在有序列表中的某个项目(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

现在就是正常的展示了。