网易首页 > 网易号 > 正文 申请入驻

Obsidian 主题及样式功能

0
分享至

一、前言

Obsidian的 Blue Topaz 主题用久了感到有点乏味了,怎么办?当然可以重新下载主题,或者自己下载CSS Snippet来修改啦。那怎么来修改现在的主题或应用新的主题或Snippet 呢?刚好今天自己也修改过,所以顺便写一下如何个性化 Obsidian 主题、样式、颜色、字体及字号吧。

二、直接在软件上调整样式

如下是我的软件设置外观配置项:大家按我图上标识步骤操作,可以下载新的主题及启用新的主题和样式;也可以修改全局的编辑器字号,同时可以通过CSS代码片段来增加一些新的显示效果(比如:为大纲标题添加竖线效果,用不同的颜色来区分、或在标题前面用 H1-6来文字标识是几级标题等)。下载新主题使用或用插件辅助调整,获取CSS Snippet在Obsidian中启用能最方便的满足我们需求。

1.直接下载及更换主题 2.通过插件界面调整主题 3.下载CSS Snippet片段增强效果

这几个操作估计大家都会,不会也没关系,这里我直接在B站找到几个操作的视频方便你在不操作样式源代码文件的情况下快速调整自己的需求。

一般的主题下载后是不会在设置项里有插件配置项用于直观的调整样式的,除了部分为自家主题提供了配置插件的除外。如下的 minimal主题它就配置了自家的插件,用于在 Obsidian中调整个性化主题的展示效果。所以你可以搜索一下主题方是否提供了插件能够帮助你方便修改。

minimal 一款极简主题及其设置插件| 笔记神器 Obsidian 完全指南_哔哩哔哩_bilibili
www.bilibili.com/video/BV1X84y1F7E9

极简主题 + 彩色标题 | Obsidian 完全指南_哔哩哔哩_bilibili
www.bilibili.com/video/BV1rb4y1r75v

Obsidian 完全指南之 更换主题字体_哔哩哔哩_bilibili
www.bilibili.com/video/BV13N411o7g5

另外还可以通过CSS 代码样式来为你的笔记添加显示效果,只要下载并启用额外的样式文件即可,如上面说的大纲竖线效果,颜色及H1-6显示效果等。要记住的是,有些主题是默认集成了这些CSS 代码样式的了,比如我用的 Blue Topaz, 它自己就有了大纲的竖线效果,所以如果你要是想实现更多的效果,使用已集成代码片段功能的新主题,会比配置多个CSS 片断更方便达到需求。

⭐Obsidian:神奇的 CSS Snippets 代码段_哔哩哔哩_bilibili
www.bilibili.com/video/BV1eK4y1M7K9/

Obsidian 小技巧 | 不会css如何自定义主题?_哔哩哔哩_bilibili
www.bilibili.com/video/BV1P3411676a/

可能是 Obsidian 最完美的主题 | 善用佳软_哔哩哔哩_bilibili
www.bilibili.com/video/BV1nv4y1f7Hh/

GitHub - Dmitriy-Shulha/obsidian-css-snippets: Most common appearance solutions for Obsidian now in a single place. Initially collected by Klaas: https://forum.obsidian.md/t/how-to-achieve-css-code-snippets/8474
github.com/Dmitriy-Shulha/obsidian-css-snippets

如上,除了套用满足你需求的新主题、使用主题方提供的插件修改、或者下载新的CSS样式使用外,我们还可以对主题样式配置文件进行直接的修改。

三、通过代码文件修改样式

比如说我用的 Blue Topaz 主题要进行样式的修改,如上图所示,我们(设置中点击主题配置项右侧文件夹图标)进入样式文件,找到Blue Topaz.css 样式文件并用visual studio code打开。

=== 提示:操作前请先备份一份再修改!!===

查找主题的配置样式文件

1.修改字体类型

在root 结点下,我们可以修改字体变量定义,其它地方都会引用这里的变量值。如下:我把所有的字体都改成了手札体-简 常规体。如果你想精细化的定制显示效果,则只需修改不同属性的值即可。

查找系统字体的英文名称

说明:设置全局的字体--default-font: 'HannotateSC-W5', serif !Important; /*全局字体*/

修改主题样式的字体类型

2.修改字体大小

修改字体大小,同样也是在root区域,因为没有发现代表字体大小属性的全局参数,我直接把例举的字体都作了调整,你可按自己的需求来设置。

修改主题样式的字体大小

3.调整字体颜色

对字体颜色的调整,我们在.theme-dark类样式下修改,如果你用vs code来编辑的话能方便直观的调整色彩值,操作如下:

调整主题样式的字体颜色

4.查看最终效果:

修改完成后,最好重新加载一下主题,或者重启一下Obsidian应用软件,确保配置最终生效。

在设置中刷新主题配置

通过以上的字体、字号、颜色调整,我们最终的效果如下,看起来已经比之前界面舒服多了。

笔记主界面的显示效果

设置面板中的显示效果

四、更多的样式配置项

在Blue Topaz 中也提供了作笔记时可用的丰富字体及背景样式项,以及图片、便签、挖空等样式。语法大部分都是块代码的写法,和我们之前介绍的Admonition插件一致,我们可以在笔记中直接使用,以便丰富我们的笔记样式。具体你可以参考如下:

样式后续:

除了Blue Topaz主题样式外,Obsidian样式可使用Admonition进行定制,可参考如下视频:

obsidian 主题定制-P1_哔哩哔哩_bilibili
www.bilibili.com/video/BV1MB4y1T7MQ

obsidian 主题定制-P2_哔哩哔哩_bilibili
www.bilibili.com/video/BV1hy4y1K7Vc

参考链接补充:

给笔记的列表加上漂亮的层级线条 | 笔记神器 Obsidian 完全指南_哔哩哔哩_bilibili

A Typora-like editing mode (edit and preview at the same time) - Feature requests - Obsidian Forum

How to change font? - Resolved help - Obsidian Forum

Getting comfortable with Obsidian CSS - Share & showcase - Obsidian Forum

"How to achieve" CSS code snippets - Share & showcase - Obsidian Forum

此文结束:

我们就先到这里,如果对你有所帮助,点赞支持一下吧.... 欢迎小伙伴们一起探讨和评论!

特别声明:以上内容(如有图片或视频亦包括在内)为自媒体平台“网易号”用户上传并发布,本平台仅提供信息存储服务。

Notice: The content above (including the pictures and videos if any) is uploaded and posted by a user of NetEase Hao, which is a social media platform and only provides information storage services.

相关推荐
热点推荐
TA:17岁小将亚戈告知皇马希望离队,经纪人正为其寻找下家

TA:17岁小将亚戈告知皇马希望离队,经纪人正为其寻找下家

直播吧
2024-06-20 22:00:18
杨振宁顶着骂名阻止建造大型粒子对撞机,十多年后再看他对了吗?

杨振宁顶着骂名阻止建造大型粒子对撞机,十多年后再看他对了吗?

纵横三千年
2024-06-19 18:05:02
2024下半年迎贵人,喜鹊报喜,财神送财,运势最旺的3大生肖

2024下半年迎贵人,喜鹊报喜,财神送财,运势最旺的3大生肖

人閒情事
2024-06-20 19:29:03
新一轮的下岗潮来了,这五大行业将成为失业重灾区,你是否在其中

新一轮的下岗潮来了,这五大行业将成为失业重灾区,你是否在其中

流史岁月
2024-06-20 12:45:11
19岁体育男生,和46岁服装店女老板,每周登山,在深山无人区约会

19岁体育男生,和46岁服装店女老板,每周登山,在深山无人区约会

牛城王小帅
2024-06-18 09:24:18
南海的斧头帮

南海的斧头帮

美第奇效应
2024-06-20 01:20:33
不要再穿白T恤了,学周迅穿条纹背心配9分阔腿裤,英伦风十足太美

不要再穿白T恤了,学周迅穿条纹背心配9分阔腿裤,英伦风十足太美

依沐生活
2024-05-24 11:00:39
6大版本的黄蓉:朱茵最美,翁美玲成经典,金庸最满意的却是周迅

6大版本的黄蓉:朱茵最美,翁美玲成经典,金庸最满意的却是周迅

秋姐居
2024-06-19 17:09:04
曼城和阿根廷,都高估了阿尔瓦雷斯,他自己又败给了名气

曼城和阿根廷,都高估了阿尔瓦雷斯,他自己又败给了名气

老乐说球
2024-06-20 10:24:12
黄坚明律师谈姜萍事件:姜萍究竟是真竞赛,还是替考作秀的争议?

黄坚明律师谈姜萍事件:姜萍究竟是真竞赛,还是替考作秀的争议?

娱乐洞察点点
2024-06-20 16:31:22
波兰总统杜达即将访华,外交部介绍情况

波兰总统杜达即将访华,外交部介绍情况

环球网资讯
2024-06-20 16:18:11
2024年:北京市解除劳动合同经济补偿基数上限封顶数额提高至47103元,565239元内的补偿免税。

2024年:北京市解除劳动合同经济补偿基数上限封顶数额提高至47103元,565239元内的补偿免税。

周晨律师
2024-06-20 00:03:40
凯特父母现身王室活动,妈妈和威廉亲密牵手,宫斗大戏告一段落?

凯特父母现身王室活动,妈妈和威廉亲密牵手,宫斗大戏告一段落?

KK说王室
2024-06-20 11:25:24
大疆无人机飞越珠峰,西方媒体集体破防了

大疆无人机飞越珠峰,西方媒体集体破防了

BT财经
2024-06-18 18:40:02
乌媒:若前线局势未来数月依旧吃紧,乌军总司令瑟尔斯基可能将被解职

乌媒:若前线局势未来数月依旧吃紧,乌军总司令瑟尔斯基可能将被解职

环球网资讯
2024-06-20 06:10:23
106国参加瑞士和会:中方拒绝参会,与世界文明为伍,勿忘雅尔塔

106国参加瑞士和会:中方拒绝参会,与世界文明为伍,勿忘雅尔塔

大风文字
2024-06-03 10:27:47
9名中国足球小将球员入选U15国少集训名单

9名中国足球小将球员入选U15国少集训名单

直播吧
2024-06-20 19:52:09
性质变了,菲特种部队携机枪闯仁爱礁,我海警前后包夹,大获全胜

性质变了,菲特种部队携机枪闯仁爱礁,我海警前后包夹,大获全胜

懂体育的小吖头
2024-06-20 08:36:49
中国铁路:儿童票新规实施后,超4900万人次实现免费出行

中国铁路:儿童票新规实施后,超4900万人次实现免费出行

界面新闻
2024-06-20 09:28:38
妻子的私密照无意中被我看到,而我却发现照片被她发给了别的男人

妻子的私密照无意中被我看到,而我却发现照片被她发给了别的男人

浮世会
2024-04-30 13:22:04
2024-06-20 22:40:49
来自知乎的一只小胖子
来自知乎的一只小胖子
高效学习、知识管理、时间管理
55文章数 36关注度
往期回顾 全部

科技要闻

小米SU7流量泼天,富贵却被蔚来接住了

头条要闻

机井打完电却难通 投资2400多万的高标准农田设施烂尾

头条要闻

机井打完电却难通 投资2400多万的高标准农田设施烂尾

体育要闻

绿军的真老大,开始备战下赛季了

娱乐要闻

叶舒华参加柯震东生日聚会,五毒俱全

财经要闻

楼市加速去库存 收储扩围至县级以上城市

汽车要闻

售价11.79-14.39万元 新一代哈弗H6正式上市

态度原创

艺术
手机
教育
游戏
亲子

艺术要闻

穿越时空的艺术:《马可·波罗》AI沉浸影片探索人类文明

手机要闻

宋紫薇谈苹果开发Vision Pro低配版:浪费时间 别糟蹋好产品

教育要闻

文学常识:“不敢越雷池一步”中的“雷池”最早指的是什么?

今晚12:00 来看我们直播《黄金树幽影》吧

亲子要闻

人的口腔细菌究竟有多毒,看了网友的分享,再也不敢让人亲我宝宝

无障碍浏览 进入关怀版