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

相关推荐
浮华似水14 分钟前
简洁之道 - React Hook Form
前端
正小安2 小时前
如何在微信小程序中实现分包加载和预下载
前端·微信小程序·小程序
_.Switch4 小时前
Python Web 应用中的 API 网关集成与优化
开发语言·前端·后端·python·架构·log4j
一路向前的月光4 小时前
Vue2中的监听和计算属性的区别
前端·javascript·vue.js
长路 ㅤ   4 小时前
vite学习教程06、vite.config.js配置
前端·vite配置·端口设置·本地开发
长路 ㅤ   4 小时前
vue-live2d看板娘集成方案设计使用教程
前端·javascript·vue.js·live2d
Fan_web4 小时前
jQuery——事件委托
开发语言·前端·javascript·css·jquery
安冬的码畜日常4 小时前
【CSS in Depth 2 精译_044】第七章 响应式设计概述
前端·css·css3·html5·响应式设计·响应式
莹雨潇潇5 小时前
Docker 快速入门(Ubuntu版)
java·前端·docker·容器
Jiaberrr5 小时前
Element UI教程:如何将Radio单选框的圆框改为方框
前端·javascript·vue.js·ui·elementui