我的五彩同步 obsidian 模板 | 2023-09-25 更新

因为 obsidian 1.4.5 版本更新的 property 功能,把五彩的模板也一起更新了一下。 (全部代码在最后可复制)

结合 property 后的模板有什么优势

主要就是颜值上的提升,比如这是一张我以前同步的笔记的截图,可以看到如果 url 稍微长一点就会占很多位置。

现在的样式有超长省略,更简洁。

一些解释

  1. {% if trimtags %}tags: {{trimtags | replace("星标", "五彩星标")}}{% endif %} 进行了判断是否有 tags,不生成空的属性。| replace("星标", "五彩星标") 是因为对默认的星标名称做了替换,改成五彩星标。
  2. pagenote: |- {{pagenote|replace(r/\n/g, "\n ")}}{% endif %},是因为如果页面笔记 pagenote 原本有回车的话,不处理直接渲染会造成样式异常。
  3. |replace("#五彩小助手", "")因为 trimtags 做了更新,会把 pagenote 里的标签加进去,所以 pagenote 去掉 #五彩小助手
  4. 官方样式会设置 property 的高度,如果文本行数比较多就会隐藏,可以用 css snippet 全部显示,代码也放到后面。怎么使用 snippet 可以参考 Obsidian 的 CSS 代码片段
  5. {% if isdailynote == false %}全文剪藏: {{ispagemirror}}{% endif %} 因为 dailyNote 本身就不会有剪藏,所以我不想加这个字段,这样的用 obsidian 的 property 搜索时,可以过滤出真正没有剪藏的内容,方便偶尔看看有哪些网页需要我进去全文剪藏一下
  6. 这些用 if 包裹了的代码中间的空行不能删,删除了会导致 obsidian 里同步的 yaml 格式异常

全部代码

五彩模板

 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
---
url: {{url}}
wucai_url: {{wucaiurl}}
创建时间: {{createat}}
更新时间: {{updateat}}
highlightcount: {{highlightcount}}
{% if isdailynote == false %}全文剪藏: {{ispagemirror}}{% endif %}

{% if trimtags %}tags: {{tags | replace("#", "") | replace("星标", "五彩星标")}}{% endif %}

{% if pagenote|replace(r/\n/g, "\n  ")|replace("#五彩小助手", "")| trim  %}pagenote: |-
  {{pagenote|replace(r/\n/g, "\n  ")|replace("#五彩小助手", "")}}{% endif %}

---

## highlights

{% block highlights %}

{% for item in highlights %}
{{ item | style1({prefix:"> ", anno:"> #notes ", color:""}) }}
{% endfor %}

{% endblock %}

显示全部 property 的 snippet 片段

1
2
3
4
.metadata-input-longtext:not(:empty) {
  max-height: none;
  display: inline-block;
}

ChangeLog

  • 2023-09-25 添加全文剪藏字段