请教一下,如何实现这样的效果

因为一些特殊的原因,图片暂时无法上传,口头描述一下。

  1. 如何在obsidian的笔记中实现 网格类纸质化的背景,需要怎么设置呢?
  2. 如何在obsidian的标题(1,2,3,4,5,6级标题) 前面添加一个带颜色的竖杠, 可以更好的显示出标题

现在补充一下标题的诉求,我想实现的是这个样子,请问该如何设置

如果您使用的是Blue Topaz主题可以通过Style Settings插件调整满足您的需要
1.笔记背景:Style Settings-Blue Topaz Theme-整体性设置-笔记背景-开启类纸笔记背景
2.标题:Style Settings-Blue Topaz Theme- 细节设置-排版-文内标题

当然您也可以修改CSS实现

1 个赞

是不是只有blue Topaz的主题才支持这个设置?
我用的是minimal的主题,没看到有这个设置选项

也可以采用自己修改css的方式Obsidian主题样式修改半入门教学

不过相比在标题前加竖杠,不如设置标题颜色。使用 Minimal Theme Settings插件


image
或者用插件 Style Settings 进行设置。

minimal主题有自己的设置思路,您可以看主题的文档调整GitHub - kepano/obsidian-minimal: A distraction-free and highly customizable theme for Obsidian

可以配合 Minimal Theme Settings pluginStyle Settings plugin
进行设置

我没有使用过minimal,刚刚简单看了一下,笔记背景在Style Setting里面的minimal主题可以找到,不过目测只能选择纯色,您可以找到对应的css文件,把Blue Topaz类纸背景的部分移植过去;标题应该也只能设置背景色,您要的效果应该是也是编辑了css,您可以尝试一下

我没有找到类似的CSS分享,自己搞又觉得太麻烦毕竟不是相关专业的。我有个简单处理的招,不知道您嫌不嫌弃hh

主题没有特别偏好的话其实不妨就改成Blue Topaz,在Style Setting里面Blue Topaz整体性设置-整体配色那里调整一下,我觉得有几个方案跟minimal是高度相似的,这样的话类纸背景就很容易解决了,按之前说的操作,还很方便把类纸图片调整一下

您要的标题那个我觉得也不用改什么Heading css了,干脆找个icon或emoji手动输入一遍“# |”,然后通过Templater插件设为标题模板,每次用标题的时候调用模板就好,这样美观就有了。

你好,为什么我的Blue Topaz 1.2.2笔记背景中中没有开启类纸背景这个选项呢?我的obsidain版本是v.0.14.6,Blue Topaz主题已经更新,Style setting的版本是0.4.12。虽然我已经通过css片段更改笔记背景来实现目的了,但看到这个差异还是有点奇怪,是版本的原因吗?

1 个赞

您好,我觉得您可以检查一下Blue Topaz版本(会不会是社区更新不成功?),或者去github上下载最新版本的css文件试一下。我稍微检查了一下类纸背景的设置是22年下半年作者添加的,您的情况目测更像早期版本。我觉得应该不会是OB和BT兼容问题,不过我不是很清楚这方面。

在翻过去之后,进入主题社区,上边这里显示了主题版本号,最新版是昨天更新的

谢谢!排查了一下原来是我的obsdiian版本太旧了,更新后就好了。感谢!!

您好,请问这个背景能否留在PDF导出界面中呢?现在导出还是无背景的。

不好意思,这方面我不太熟悉。
我一般都是转到typora里面配主题导出,OB里面我只知道pandoc可以设置css,但是各种设定特别麻烦,中文还要额外设置,对我而言得不偿失。

建议您问问其他人,抱歉。

1 个赞

感谢回答,祝您一切顺利