声明：本文大部分内容来自于https://www.bilibili.com/read/cv17822164/

Github：https://github.com/FlorianWoelki/obsidian-icon-folder 使用方法Github写的很详细了，可以看Github。但是这个插件我觉得不太方便的一点是：每次创建一个新的文件夹，就得手动设置一遍icon，我感觉太麻烦了。我希望的效果是：

每次创建了文件夹、文件、或者是一些特定文件比如图片、pdf等，文件名旁边自动添加上我预设的图标。

所以我就采取了原文中的方法二。

提示：要使用这个方法，你最好要懂一点CSS哦，不然可能不知所以然的话出现了bug比较难定位。

首先上效果图：

Obsidian它本身是把Web做成了app的形式，所以你按ctrl+shift+i快捷键的时候，会看到经常在网页中看到的开发者工具。 那既然是Web的话，就可以用css样式修改某个html元素的样式。Obsidian提供了一个叫CSS Snippets（中文叫“CSS代码片段”）的功能。 点击上图所示的文件夹图标，就可以打开一个文件夹，这里面可以存放若干个自定义的css文件，如下图： 创建好的文件会同步到obsidian中，点击switch按钮即可使这个css文件生效。

这里主要总结一种从原文中学习到的方法：通过给伪元素::before设置svg的css代码来设置图标的方式，如下图： 所以我们的目标是：通过一个svg文件，得到这样一串css代码，然后复制到伪元素::before的content属性中即可。根据原文内容，总结步骤如下：

修改svg图标样式：

将svg标签转换为css代码：

最后附上我自己的css文件。文件名：custom-icons-differing-files-and-folders.css，文件内容：