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

相关推荐
杰克尼10 分钟前
vue_day04
前端·javascript·vue.js
明远湖之鱼42 分钟前
浅入理解跨端渲染:从零实现 React DSL 跨端渲染机制
前端·react native·react.js
悟忧1 小时前
规避ProseMirror React渲染差异带来的BUG
前端
小皮虾1 小时前
小程序云开发有类似 uniCloud 云对象的方案吗?有的兄弟,有的!
前端·javascript·小程序·云开发
Android疑难杂症1 小时前
鸿蒙Notification Kit通知服务开发快速指南
android·前端·harmonyos
T___T1 小时前
全方位解释 JavaScript 执行机制(从底层到实战)
前端·面试
阳懿2 小时前
meta-llama-3-8B下载失败解决。
前端·javascript·html
Qinana2 小时前
🌊 深入理解 CSS:从选择器到层叠的艺术
前端·css·程序员
IT_陈寒2 小时前
Python 3.12新特性实测:10个让你的代码提速30%的隐藏技巧 🚀
前端·人工智能·后端
闲人编程2 小时前
从零开发一个简单的Web爬虫(使用Requests和BeautifulSoup)
前端·爬虫·beautifulsoup·bs4·web·request·codecapsule