obsidian主题设置
发布网友
发布时间:2024-10-03 12:57
我来回答
共1个回答
热心网友
时间:2024-12-14 00:52
本文介绍了obsidian的主题设置,推荐了相关的CSS资源和一些网页设计的教程。本人还是建议不要过多追求笔记样式,应该多做笔记。
obsidian是基于Electron(软件架构)搭建的一款笔记软件,markdown可以视为一种简单的html网页语言(例如md中的#相当于html),而css是常用于修饰html样式的语言,理论上软件各处的样式可以通过css来进行调节。更多关于html和css的专业论述,可以参见以下几个信息源:
然而系统学习html和css对于大部分人是有难度和门槛的,而且我也不建议普通的笔记使用者深入了解,我们可以直接通过使用他人调试好的css,例如由whyt-byte(FFF大佬)编写的Blue-Topaz(蓝色托帕石)就是不错的选择。该CSS的Github下载地址:github.com/whyt-byte/Bl... ,蓝奏云地址: wws.lanzous.com/imLARoh... 。蓝色托帕石CSS中的备注详实,也方便了使用者进一步进行个性化修改。
点击左下设置-点击外观,就可以进入obsidian的外观设置系统,在这里可以修改调用的css文件。
之后的选项就是调用CSS的区块,可以分为主题和代码段两部分:
点击上图中的①和③箭头所指的文件夹,就能打开相应的文件夹,将下载好的css放入文件夹后,点击旁边的刷新按钮就可以读取到。
对于主题CSS,可以点击②箭头所指的下拉菜单,进行选择,其中“无”代表的是obsidian的原生css。 对于代码段,可以点击旁边的按钮启用或关闭。
主题CSS的下载可以通过官方的社区主题,但大家可能会遇到网络问题无法访问,建议还是直接前往github检索obsidian css或者在QQ群的群文件中下载CSS文件。
片段CSS的资源也能在github下载得到,例如 github.com/deathau/obsi... 。
obsidian的Minimal Theme Settings插件可以对CSS进行一些简单的操作,该插件的Github地址为 github.com/kepano/obsid... 。 但Minimal Theme Settings插件正如其名,主要是为Minimal Theme主题服务,对于其他主题的css支持如何,大家请自行体验。
在win下通过Ctrl+Shift+I可以打开控制台(一种调试网页html的工具),然后可以通过控制台来对相关的元素进行修改(懂的人都懂,不懂的人就不要尝试了,或者先自学Html和CSS)。 以下图为例,可以看出obsidian主题设置所在元素在html中的位置。
目前B站上已经有很多obsidian的视频,大家可以去检索,我检索到以下2个视频推荐给大家
另外QQ群中也在征集相关的CSS片段,以丰富和简化个性化的设置。大家有好的资源欢迎上传。