解决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双链+关系图谱

相关推荐
一个处女座的程序猿O(∩_∩)O1 小时前
小型 Vue 项目,该不该用 Pinia 、Vuex呢?
前端·javascript·vue.js
hackeroink4 小时前
【2024版】最新推荐好用的XSS漏洞扫描利用工具_xss扫描工具
前端·xss
迷雾漫步者5 小时前
Flutter组件————FloatingActionButton
前端·flutter·dart
向前看-6 小时前
验证码机制
前端·后端
燃先生._.7 小时前
Day-03 Vue(生命周期、生命周期钩子八个函数、工程化开发和脚手架、组件化开发、根组件、局部注册和全局注册的步骤)
前端·javascript·vue.js
高山我梦口香糖8 小时前
[react]searchParams转普通对象
开发语言·前端·javascript
m0_748235248 小时前
前端实现获取后端返回的文件流并下载
前端·状态模式
m0_748240259 小时前
前端如何检测用户登录状态是否过期
前端
black^sugar9 小时前
纯前端实现更新检测
开发语言·前端·javascript