先看效果

再看代码

---

标题: "{{title}}"

url: {{url}}

创建时间: {{createat}}

更新时间: {{createat}}

笔记ID: {{noteid}}

收藏: {{isstar}}

划线数量: {{highlightcount}}

标签: {{trimtags}}

obsidianUIMode: preview

---

# {{title}} 

#Wucai

> [阅读原文]({{ url }})

> [在五彩中查看]({{ wucaiurl }})

{% if pagenote %}

## 页面笔记

{% block pagenote %}

> [!Review]

> {{pagenote | replace("\n", "\n> ") }}

{% endblock %}

{% endif %}

## 划线列表

{% block highlights %}

{% for item in highlights %}

{% set colorSymbol %}◇  {% endset %}

{% set formattedHighlight %}

<font color="{{ item.color }}">{{ colorSymbol }}</font> {{ item.note | trim | replace("\n", "\n> ") }}{% endset %}

{% if item.annonation %}

> [!Annotation]

> {{ formattedHighlight }}

> ^{{ item.refid }}

> 

> {{ '---' }}

> 🦊 {{ item.annonation }}

{% else %}

> [!Highlight] 

> {{ formattedHighlight }}

> ^{{ item.refid }}

{% endif %}

{% endfor %}

{% endblock %}

{% if mdcontent %}

{% block mdcontent %}

---

## 全文剪藏 %% fold %%

{{mdcontent}}

{% endblock %}

{% endif %}

【调整说明】

1. 颜色标记

{% set colorSymbol %}◇ {% endset %}

把这里的菱形替换成你喜欢的字符就可以

（注意不能是 emoji——emoji 没法换颜色！）

2. 笔记前面的图标

🦊 {{ item.annonation }}

把这里的狐狸替换成你喜欢的字符，也可以改成文字，比如：「我的批注」

【高阶技巧】

1. 不同的 Callout 样式

使用 Callout Manager 给 [!Highlight] 和 [!Annotation] 做了单独的颜色和图标，所以看起来是不一样的效果：

2. 自动切换预览模式

因为五彩同步的笔记基本是不可编辑的嘛（反正编辑了也会被覆盖掉）

所以干脆用 Forcenote view mode 插件强行设定成阅读模式了。

元数据里的 obsidianUIMode: preview 就是为此准备的，如果用不到的话可以去除。

另外，你也可以直接在插件的设置页面里给整个五彩文件夹设置成「强制切换阅读模式」。

3. 自动隐藏全文

特定文章会剪藏全文，但是我又嫌全文太占位置……

所以用 Creasers 插件实现了默认隐藏「剪藏原文」标题。

标题后面的 %% fold %% 是为此准备的，你只需要在插件设置里把第一项设成 Alwyas fold creases 就能达成默认隐藏的效果啦。

同样，如果不需要的话可以把模板里的 %% fold %% 给删掉。

2023.10.18 更新

新的模板，支持图片高亮：

---

标题: "{{title}}"

url: {{url}}

创建时间: {{createat}}

更新时间: {{createat}}

笔记ID: {{noteid}}

收藏: {{isstar}}

划线数量: {{highlightcount}}

标签: {{trimtags}}

obsidianUIMode: preview

---

# {{title}} 

#Wucai

> [阅读原文]({{ url }})

> [在五彩中查看]({{ wucaiurl }})

{% if pagenote %}

## 页面笔记

{% block pagenote %}

> [!Review]

> {{pagenote | replace("\n", "\n> ") }}

{% endblock %}

{% endif %}

## 划线列表

{% block highlights %}

{% for item in highlights %}

{% set colorCode %}{{ item.slotid | replace ("1", "yellow") | replace("2", "green")  | replace("3", "red") | replace("4", "purple") | replace("5", "blue") | replace("6", "magenta") }}{% endset %}

{% set formattedHighlight %}{{ item.note | trim | replace("\n", "\n> ") }}{% endset %}

{% if item.annonation %}

> [!Annotation]

> {{ formattedHighlight }}

{% if item.imageUrl %}![图片]({{ item.imageUrl }})

{% endif %}

> ^{{ item.refid }}

> 

> {{ '---' }}

> 🦊 {{ item.annonation }}

{% else %}

> [!{{colorCode}}] Highlight

> {{ formattedHighlight }}

{% if item.imageUrl %}![图片]({{ item.imageUrl }})

{% endif %}

> ^{{ item.refid }}

{% endif %}

{% endfor %}

{% endblock %}

另外把之前的那个「代表颜色的emoji」替换成不同的 Callout 标题了，因为感觉视觉效果更好，颜色很直观：

（需要配合修改 yellow 等 Callout 样式）