惯性聚合 高效追踪和阅读你感兴趣的博客、新闻、科技资讯
阅读原文 在惯性聚合中打开

推荐订阅源

博客园_首页
Vercel News
Vercel News
月光博客
月光博客
S
SegmentFault 最新的问题
A
About on SuperTechFans
Microsoft Security Blog
Microsoft Security Blog
U
Unit 42
Google DeepMind News
Google DeepMind News
Engineering at Meta
Engineering at Meta
B
Blog RSS Feed
Y
Y Combinator Blog
云风的 BLOG
云风的 BLOG
N
Netflix TechBlog - Medium
小众软件
小众软件
WordPress大学
WordPress大学
G
Google Developers Blog
Recent Announcements
Recent Announcements
H
Hackread – Cybersecurity News, Data Breaches, AI and More
P
Proofpoint News Feed
Blog — PlanetScale
Blog — PlanetScale
MongoDB | Blog
MongoDB | Blog
F
Fortinet All Blogs
博客园 - 【当耐特】
I
InfoQ

少数派

派早报:Google 发布 Fitbit Air 等 - 少数派 「新人报到」確認需求,再開始 - 少数派 从 SOLO 独立开发者社区,我看到了越来越多开发者开始做自己的产品 - 少数派 我怎么管理那些"不常做,但总会忘"的生活事项 - 少数派 人形机器人量产元年,数据才是具身智能的“生死线” - 少数派 BuhoLaunchpad 高度还原 Mac 启动台:开发历程与思考 - 少数派 五年陪伴依然不舍,DIY 换壳后让罗技 MX Master 3 继续服役 - 少数派 新玩意 240|少数派的编辑们最近买了啥? - 少数派 一日一技|为什么你应该关闭 iOS 的键盘声音 - 少数派 我做了个插件和 Skills,一键提取任何网站的设计规范 Design.md - 少数派 住在三四线城市的你,该开始录播客了 - 少数派 甘南秘境,大白高国 - 少数派 AI的审美:谁让把我变成川内倫子 - 少数派 返工怎能不烦恼,打工人片单总有一部是你的「嘴替」 - 少数派 为了让「上厕所」更健康,我做了一个小工具 - 少数派 AI + Skill,能够让生成的文章去除 AI 味吗? - 少数派 新玩意|韶音OpenDots ONE 耳夹式耳机 - 少数派 《美满》| 在每一个春天的晚上相爱(362) - 少数派 新玩意|优篮子 PS01 MagSnap 磁吸支架 - 少数派 自我整合手记 | 我开始早睡了:用稳定规则,为自由托底 - 少数派 用龙虾(OpenClaw)两个多月,我最深的12个体会 - 少数派 听歌时间到,12 张你可能错过的 2025 华语乐坛好专辑 - 少数派 承诺能追吗 - 少数派 macOS 26启动台没了? 我做了个不一样的App启动器 - Keboard - 少数派 《四海为家的人》| INTJ对话INTJ(361) - 少数派 你发过的那些黑历史,是时候一次清干净了 - 少数派 新玩意:安安静静玩,越玩越专注:计客密码机 - 少数派 iPad 用户首次体验 Android 平板:vivo Pad6 Pro - 少数派 数据逻辑强 - 少数派 极北行+ | 一路向北,探访日本至北之地 | 001 - 少数派
obsidian主题设置 - 少数派
2021-04-26 · via 少数派

摘要

本文介绍了obsidian的主题设置,推荐了相关的CSS资源和一些网页设计的教程。本人还是建议不要过多追求笔记样式,应该多做笔记。

引言

obsidian是基于Electron(软件架构)搭建的一款笔记软件,markdown可以视为一种简单的html网页语言(例如md中的#相当于html<h1></h1>),而css是常用于修饰html样式的语言,理论上软件各处的样式可以通过css来进行调节。更多关于html和css的专业论述,可以参见以下几个信息源:

  • 菜鸟网: https://www.runoob.com/html/html-tutorial.html
  • w3cSchool: https://www.w3school.com.cn/html/index.asp
  • 其他相关专业的书籍,在京东上已有很多。

然而系统学习html和css对于大部分人是有难度和门槛的,而且我也不建议普通的笔记使用者深入了解,我们可以直接通过使用他人调试好的css,例如由whyt-byte(FFF大佬)编写的Blue-Topaz(蓝色托帕石)就是不错的选择。该CSS的Github下载地址: https://github.com/whyt-byte/Blue-Topaz_Obsidian-css ,蓝奏云地址: https://wws.lanzous.com/imLARohvvjc 。蓝色托帕石CSS中的备注详实,也方便了使用者进一步进行个性化修改。

obsidian外观系统介绍

主题明亮和字体大小调整

点击左下设置-点击外观,就可以进入obsidian的外观设置系统,在这里可以修改调用的css文件。

  • 基础颜色:如果css有明、暗两种配色,可以通过这里进行修改。明亮效果如下:
  • 使用“obsidian.css”主题文件:请关闭此选项。这好像是旧版本遗留下来的选项,目前新版本已无效且可能会有干扰。
  • 半透明效果:建议关闭。开启后可能会耗费资源。
  • Font size:调整字体大小。
  • Quick font size adjustment:开启后可以通过Ctrl键+鼠标滚轮/触控板快速调整字体大小。

调用CSS

之后的选项就是调用CSS的区块,可以分为主题和代码段两部分:

  • 主题CSS一般规定的内容比较多,代码大,有上百行。
  • 代码段则是为了某个需求而定制的,例如下中的代码段就是为了去除一级标题,代码段一般在10行以内。代码段的优先级会高于主题CSS,即当两者冲突时以代码段的设置为准。可以理解为代码段是来修饰主题CSS。

点击上图中的①和③箭头所指的文件夹,就能打开相应的文件夹,将下载好的css放入文件夹后,点击旁边的刷新按钮就可以读取到。

对于主题CSS,可以点击②箭头所指的下拉菜单,进行选择,其中“无”代表的是obsidian的原生css。 对于代码段,可以点击旁边的按钮启用或关闭。

下载CSS

主题CSS的下载可以通过官方的社区主题,但大家可能会遇到网络问题无法访问,建议还是直接前往github检索obsidian css或者在QQ群的群文件中下载CSS文件。

片段CSS的资源也能在github下载得到,例如 https://github.com/deathau/obsidian-snippets 。

通过Minimal Theme Settings插件修改

obsidian的Minimal Theme Settings插件可以对CSS进行一些简单的操作,该插件的Github地址为 https://github.com/kepano/obsidian-minimal-settings 。 但Minimal Theme Settings插件正如其名,主要是为Minimal Theme主题服务,对于其他主题的css支持如何,大家请自行体验。

通过控制台进行调整

在win下通过Ctrl+Shift+I可以打开控制台(一种调试网页html的工具),然后可以通过控制台来对相关的元素进行修改(懂的人都懂,不懂的人就不要尝试了,或者先自学Html和CSS)。 以下图为例,可以看出obsidian主题设置所在元素在html中的位置。

相关视频资源推荐

目前B站上已经有很多obsidian的视频,大家可以去检索,我检索到以下2个视频推荐给大家

  • 给笔记的列表加上漂亮的层级线条 | 笔记神器 Obsidian 完全指南,胸毛齐腰, https://www.bilibili.com/video/BV1a5411w7DF
  • 如何给obsidian换主题|最美主题都在这里|小白新手入门obsiidian,aliya成长记, https://www.bilibili.com/video/BV1354y1a75d

另外QQ群中也在征集相关的CSS片段,以丰富和简化个性化的设置。大家有好的资源欢迎上传。