解决Typora转Obsidian隐藏附件文件夹.assets的问题

背景描述:

由于我是用typora记笔记的,结构化记笔记的好处想必大家都知道,就不多阐述了。

我一直是用目录结构来管理笔记,用文件夹名称来分类,起因是为什么Typora不引入索引系统,让笔记与笔记之间产生关联,加强在大脑里的记忆呢?然后我就想起了双链这个概念,然后又想起是有个软件支持,那就是Obsidian。

于是我各种搜索文章 Typora和Obsidian 哪个工具好?对比起来看,Obsidian功能确实更多,而且有插件系统,很多的扩展功能,而且还是代码开源,说明版本迭代的速度更快,功能会越来越成熟稳定。

思来想去所以怎么选呢,小孩子才做选择,成年人当然是全都要。

两个软件的优点相结合,Typora出色的编辑体验,Obsidian的双链+关系图谱,相当的棒。

我只是记个笔记而已越简单越好,重要的是我专注记笔记这件事,图床什么的不考虑,文章和附件保存在本地就行,或者写完笔记和附件一起提交github完事。

问题描述:

这有什么难的,直接用Obsidian打开本地笔记目录不就好了吗?

于是问题出现了:在Typora是可以识别.imgs隐藏目录的,在Obsidian居然不支持?

然后我在社区寻求帮助,已解决的方案居然是不能读取隐藏文件,我滴妈,这也算已解决?

我还是不相信,坚持不懈继续在github社区寻找答案,结果依旧是不支持~

我的需求很简单,就是想隐藏除了笔记之外的文件,还原整洁的目录减少干扰,记笔记更加神清气爽,所以我在Typora的图片文件夹是以.开头的,并且保存在和文章同级的文件夹下,不会显得结构凌乱,这样设置的,

解决思路:

这下麻烦了,Obsidian不支持读取.imgs隐藏文件夹,怎么办?先别着急,有句话说的好,如果已经找到了问题,那么这个问题就已经解决了一半。

首先,肯定是要去掉".",这样两个工具都能支持,导致问题就是每个目录下面都会展示imgs或是attachments目录。因为Obsidian的限制,隐藏文件的问题早就有人发现,但是官方团推一直没去掉这个限制,想必也是出于安全考虑,大概率不会再开放访问隐藏文件。

因为我的笔记图片都是.imgs存放的,如果要支持Obsidian,这样就要.imgs和图片的索引的"."都要去掉,还好可以用工具全局修改名称,但还是有点麻烦。

此时我都想放弃Obsidian了,现在没办法用这种"."的方式隐藏了,到时候目录会变得很乱,像这样。别看只是1个imgs目录,如果我的其他章节目录都引用了图片,那每个目录下面都会出现imgs,那可就多了,到以后只要展开的目录就会看到imgs,更是烦的一批。

在Obsidian里,退一步讲,我的目的是想要隐藏一些特殊的文件夹,并不一定要用"."的方式隐藏,如果找到插件能够将imgs文件夹隐藏就可以了,结果还真让我找到一个插件"Hide Folders",设置好之后就可以点击控制展示了

那在Typora怎么办?它没有插件,也没有隐藏特定文件夹的功能,难道要改软件源码吗?

我想了许久灵光一现,看左侧的文件夹目录,本质就是html标签,那我只需要一段js或css代码就能把特定名称的标签隐藏了,就解决了。

然后我打开工具一看,果然如此!imgs是一个带有 data-path="\imgs" 的标签,这就可以用css,把这些标签隐藏就解决了,方案可行。

将带有属性data-path="" 并且以 \imgs结尾的标签隐藏,添加以下css代码到 base.css 文件的尾部;

css 复制代码
/* css 隐藏以imgs结尾的目录 */
[data-path$="\\imgs"] {
    display: none;
}

/* 如果要隐藏多个目录,尾部加逗号在加一个以 attachments 结尾的目录 */
[data-path$="\\imgs"], [data-path$="\\attachments"] {
    display: none;
}

复制上面css代码到Typora的安装目录的 E:\Typora\resources\style 找 base.css,看自己安装在什么位置;

用记事本打开base.css,将css代码复制到 base.css 底部 Ctrl+S保存,一定要保存哦,然后关闭Typora重启;

最后所有imgs都隐藏了,打完收工。

因为Typora不支持 [[双链]] 的引用格式,所以还有个小地方改设置一下,不然Typora会出现这样无法跳转的情况,

将Obsidian双链格式改成Markdown链接的格式,这样Typora和Obsidian都能正常编辑了。

结尾,实现了既能用Typora流畅的编写,又能用Obsidian双链+关系图谱

相关推荐
腾讯TNTWeb前端团队7 小时前
helux v5 发布了,像pinia一样优雅地管理你的react状态吧
前端·javascript·react.js
范文杰10 小时前
AI 时代如何更高效开发前端组件?21st.dev 给了一种答案
前端·ai编程
拉不动的猪10 小时前
刷刷题50(常见的js数据通信与渲染问题)
前端·javascript·面试
拉不动的猪10 小时前
JS多线程Webworks中的几种实战场景演示
前端·javascript·面试
FreeCultureBoy11 小时前
macOS 命令行 原生挂载 webdav 方法
前端
uhakadotcom12 小时前
Astro 框架:快速构建内容驱动型网站的利器
前端·javascript·面试
uhakadotcom12 小时前
了解Nest.js和Next.js:如何选择合适的框架
前端·javascript·面试
uhakadotcom12 小时前
React与Next.js:基础知识及应用场景
前端·面试·github
uhakadotcom12 小时前
Remix 框架:性能与易用性的完美结合
前端·javascript·面试
uhakadotcom12 小时前
Node.js 包管理器:npm vs pnpm
前端·javascript·面试