Obsidian 隐藏无关文件夹

オレオ大约 1 分钟

Obsidian 隐藏无关文件夹

前提

由于将 Obsidian 文档和 vuepress 文档库结合起来使用，Obsidian 仓库下就多了一些无关的文件，例如 node_modules、 LICENSE、package.json、package-lock.json 等等，使用 Obsidian 的 css 来隐藏这些文件。

解决方案

设置=>CSS 代码片段=>新建 assets.css=>复制如下 css 片段=>开启功能

/* 隐藏 assets 文件夹 */
.nav-folder-title[data-path='assets'] {
    display: none;
}

/* 隐藏 node_modules 文件夹*/
.nav-folder-title[data-path='node_modules'] {
    display: none;
}

/* 隐藏 @脚本 文件夹*/
.nav-folder-title[data-path='@脚本'] {
    display: none;
}

/* 隐藏 @模板 文件夹*/
.nav-folder-title[data-path='@模板'] {
    display: none;
}

/* 隐藏 @utils 文件夹*/
.nav-folder-title[data-path='@utils'] {
    display: none;
}

/* 隐藏 dist 文件夹*/
.nav-folder-title[data-path='dist'] {
    display: none;
}

/* 隐藏 _shell 文件夹*/
.nav-folder-title[data-path='_shell'] {
    display: none;
}

/* 隐藏 LICENSE 文件*/
.nav-file-title[data-path='LICENSE'] {
    display: none;
}

/* 隐藏 package.json 文件*/
.nav-file-title[data-path='package.json'] {
    display: none;
}

/* 隐藏 package-lock.json 文件*/
.nav-file-title[data-path='package-lock.json'] {
    display: none;
}

/* 隐藏 yarn.lock 文件*/
.nav-file-title[data-path='yarn.lock'] {
    display: none;
}

/* 隐藏 tsconfig.json 文件*/
.nav-file-title[data-path='tsconfig.json'] {
    display: none;
}

/* 隐藏 types.d.ts 文件*/
.nav-file-title[data-path='types.d.ts'] {
    display: none;
}

/* 隐藏 auto-push.sh 文件*/
.nav-file-title[data-path='auto-push.sh'] {
    display: none;
}

/* 隐藏 config.yml 文件*/
.nav-file-title[data-path='config.yml'] {
    display: none;
}

/* 隐藏 README.md 文件*/
.nav-file-title[data-path='README.md'] {
    display: none;
}

/* 隐藏 pnpm-lock.yaml 文件*/
.nav-file-title[data-path='pnpm-lock.yaml'] {
    display: none;
}

解决思路

通过 Ctrl + Shift + i 可以打开 Obsidian 的控制台，相当于 Chrome 的控制台。选中想要隐藏的文件/文件夹，将其属性设置隐藏。