Post by tag
按标签聚合
包含 # 主题 的文章列表
Prism 主题高亮样式通用 CSS 片段
Prism 主题高亮样式通用 CSS 片段
有一天看群友对 Prism 主题的高亮样式感兴趣了,当时有时间就去 Prism 主题的 项目主页 逛了逛,顺便把它的高亮样式移植了下来。 Prism 主题的高亮样式长这样: Prism主题高亮样式-1.png1050 在 Prism 主题中高亮的用法是这样的: 可以用以下参数 边框背景参数: 字体样式参数 替换上面案例代码中的的 class 中的内容,以显示不同高亮效果 我觉得这种方法比较麻烦,所以在 CSS 片段中加入了 StyleSetting 设置选项,直接可以在设置中设置高亮的样式,只不过是全局通用样式,而不是
奇货队长
Pkmer
给Obsidian设置护眼的暖色模式
给Obsidian设置护眼的暖色模式
2024-05-26Obsidian样式-如何给Obsidian设置护眼模式 分享下今天折腾的一个护眼模式,采用 PKMerQuickadd 脚本 - 控制自定义 CSS- 设置二维码字体 这篇文章的控制 CSS 片段的开关 QuickAdd 脚本,以及由群友推荐的 Material Gruvbox 主题的浅色模式,组合为可以在 Obsidian 浅色模式下启用护眼模式的脚本,效果如下: 2024-05-26Obsidian样式-如何给Obsidian设置护眼模式 2024-05-26Obsidian样式-如何给Obsidian设置护
熊猫别熬夜
Pkmer
Obsidian 基础操作
Obsidian 基础操作常见问题汇总
如果以下内容还不能满足你: 你还可以在线自助提问文档,填写自己的问题, 在线自助提问文档 Windows:Windows 的安装包是没办法自定义安装位置的。 但是有些目前尚算有效的方法:官方或者其他途径下载的 .exe 安装包,你可以修改后缀名为 .zip,将里面内容放入你期望的路径。比如:D:\Program Files\Obsidian Linux:Linux 的安装包是一个点击即可运行的可执行文件,可以随意移动。 image.png442 - 你的操作系统版本过低,且使用了较高版本的安装包或更新。 -
PKMer
Pkmer
Quickadd 脚本 - 为深浅模式配置不同的主题
为深浅模式配置不同的主题
2024-03-01Quickadd脚本-为深浅模式配置不同的主题IMG-1 如果想通过快捷键切换不同的主题,或者一键切换深浅模式,再或者是深浅模式设置不同的主题,可以通过以下 Quickadd 的脚本来实践,以下脚本全部以 Quickadd 的 Macro 来进行配置 (即将代码保存为 js 文件后,在 Quikadd 里面添加对应的 Macro 的动作)。 js // 获取所有主题 const themes = Object.keys(app.customCss.themes); themes.unshift("default"
熊猫别熬夜
Pkmer
Obsidian 的外观
Obsidian 的外观
Obsidian 提供一些和其他软件类似的基础外观设定和操作 Pasted image 20230221095410 image.png 案例:请参考 Obsidian优秀外观分享 如果你想自定义一些样式,给你自己使用,那么你需要了解 Obsidian的CSS代码片段,这里会告诉你如何开启对应设置。以及一些可以直接使用的优秀范例。 如果你想学习如何自己定义样式,那么你可以参考 Obsidian的CSS代码片段自定义 CSS 简单上手指南 中的 Obsidian 建议样式指导。当然你可能还需要附带了解下
OS
Pkmer
Blue Topaz
Obsidian 2021 年度最佳主题相关的介绍和讲解
作为荣获“Obsidian 2021 年度最佳”,目前下载量前三的主题,拥有强大的自定义功能,也是国人开发的适合中文展示的主题。主题需要配合 obsidian-style-settings 进行设置,有很多配色可以选择。 image.png image.png 引用主题原创者 3f 的话 主题功能本身十分强大,建议看一下主题 TIPs 下面是主题用法库的下载地址: 中文版主题用法库 BT Tips Vault for English 进阶高级用户可以看 Cuman 打包的豪华版示例库 Blue Topaz 示例库简介
cuman,PKMer
Pkmer
Obsidian 样式:ITS 主题列表样式
Obsidian 样式:ITS 主题列表样式
列表是 markdown 格式的重要一环。但是对于一些不太完善的主题,其列表样式没有颜色、形状等自定义选项,往往容易造成在深色背景下列表符号不够显眼的问题。 正巧群内有同学提到喜欢 ITS 风格的列表样式,因此我将 ITS 主题中关于列表样式的部分提取了出来,并针对大部分插件进行了适配。使用效果如下: ![](https://cdn.pkmer.cn/images/202311081626290.jpg!pkmer) Gist 查看链接
ProudBenzene
Pkmer
Minimal Theme Settings 为你 Minimal 主题提供自定义选项
Minimal Theme Settings 为你 Minimal 主题提供自定义选项
这个插件是伴随 Minimal 主题应运而生的,允许在该插件的设置界面中自定义该 Minimal 主题的一些样式。 Minimal Theme Settings 有几种预设的浅色/ 深色模式主题,你可以分别为浅色和深色主题,选择不同的样式。 这些样式包括: 有几种预设的浅色/ 深色模式背景,这些选项可以通过快捷键进行切换
OS
Pkmer
Theme Picker
快速预览和选择已安装的主题
Theme Picker Obsidian Theme Picker 插件允许用户快速预览和选择已安装的主题,无需离开设置模态框。目前仅限于从 YOURVAULT/.obsidian/themes 中选择已安装的主题。该插件的使用场景是帮助用户快速预览和选择已安装的主题,解决了在设置模态框外部选择主题的问题。通过简单的操作,用户可以快速选择适合自己的主题,提高了使用体验。
AI
Pkmer
Obsidian 主题常见问题
Obsidian主题常见问题
如果以下内容还不能满足你: 你还可以在线自助提问文档,填写自己的问题, 在线自助提问文档 如图 image.png 答:找到主题中的此内容,将 display 注释掉 image.png 485f5048d52cdcfa0718ea78cc00e8d.png image.png CSS body:not(.obsidian-default-image) .markdown-source-view.mod-cm6 img:not([class="emoji"]) { dis
PKMer
Pkmer
Obsidian42-BRAT 安装测试版插件和主题
Obsidian42-BRAT 让你可以安装未上架的插件,主题。
让你可以安装未上架的插件,主题。 Beta Reviewers Auto-update Tester 这是一个非常特殊的插件,旨在为插件和主题的开发者和测试人员提供更加便利的生活。 只需将 Obsidian 插件的 beta 版本的 GitHub 仓库路径添加到测试列表中,现在您可以直接检查更新。更新将被下载并重新加载插件。不再需要创建文件夹、下载文件、将它们复制到正确的位置等等。这个插件会为您处理所有这些事情。 在以下网址的文档中了解更多关于 BRAT 的信息:<https://tfthacker.com/BRAT>
OS
Pkmer
Style settings 为你的主题添加更多自定义能力
Style settings 为你的主题添加更多自定义能力
许多 Obsidian 使用者会希望自己的 Obsidian 能够有个性化的外观,想要自定义界面的样式,这一般需要通过编写 CSS 来实现,有较高的门槛。 大部分优质主题和人气主题,都为主题的使用者们预留了一些可以自定义调整的空间。而 Style settings 插件可以和你的主题联用,获得更好的自定义效果,他能够图形化的让你在界面上完成这些调整。 Style Settings 该插件允许片段、主题和插件的 CSS 文件定义一组配置选项。然后,它允许用户在一个设置面板中查看所有可调整的设置。Style Setting
cuman
Pkmer
PRISM 主题:教程 MOC
PRISM 主题:教程 MOC
prism 主题设置汉化(中).png622 Prism 主题是一个全面、高度可定制和优雅的浅色/深色主题,适用于 Obsidian。通过使用 Prism 主题,您可以为您的笔记高亮效果选择不同的颜色、字体、背景等样式,以使其更符合您的项目需求和个人喜好。
宝藏彬少
Pkmer
Minimal 主题介绍
image.png 直接在 设置 - 外观 - 主题 - 管理 界面下搜索, 然后下载并使用即可. 包括 Minimal Theme Settings 和 Style Settings 两部分. 通过obsidian-minimal-settings 插件可以对主题样式进行调整,下面是主题的主要设置项: - Colorful active states - Colorful headings - Focus mode: 建议在状态栏新建开关按钮 通
wtjl
Pkmer
Obsidian Prism 主题:3.3.0 版本 style settings 中文翻译内容
Obsidian Prism 主题:3.3.0 版本 style settings 中文翻译内容
image.png1000 为了让喜欢 PRISM 主题的小伙伴更好更方便的使用主题,这里对 Prism 3.3.0 版本的 style settings 中的 title 、description 转译成了中文(666 啊)! 将这个主题文件替换原有的主题文件,文件地址在 你的库 .obsidian themes ,直接把 prism 文件夹整个替换即可。 正在翻译上传中
宝藏彬少
Pkmer
Prsim 主题:使用说明详解
Prsim 主题:使用说明详解
要在 Prism 中自定义标注颜色,您需要创建 CSS 代码段。下面是一个用于此目的的模板: 您也可以在一开始添加 .theme-light or .theme-dark (没有空格; 如果您想分别自定义浅色和深色主题,则恰到好处 .prism-theme 。 使用的每个变量 var() 都有以下颜色选项:red / orange / yellow / green / mint / c
宝藏彬少
Pkmer
BT 主题精华片段集合:Blue Topaz Legacy
把BlueTopaz优秀的片段提取出来,其他主题也可以使用。
Blue Topaz 主题是一个非常优秀的主题,由 3f 等多位大佬一起开发而来,内含许多种自定义方案以及强大的扩展功能。但是除去这些最为明显的优势,该主题在「基础优化」方面的优秀也是不可忽视的。例如在许多从其他平台迁移而来的用户看来理所当然的「首行缩进」、「两端对齐」功能,图片自适应显示强调字体的颜色、挖空涂黑等等新的字体强调方式,以及一些 admonition 小组件的 css 处理。这些功能不仅默认主题中没有,大部分主题(如 AnuPpuccin等)也都缺失这些功能, 或者在相应功能上不如 bt 完善。为了在其他主题中也可以使用
ProudBenzene
Pkmer
Obsidian 主题的安装
Obsidian 社区主题的安装,社区主题安装教程,第三方主题安装方法
通过 Obsidian 内置的“外观”-“主题”直接进行下载。但会不可预测的遇到“无法打开”的情况,即存在网络问题。 image.png 可以通过 主题集市 (pkmer.cn),来查询 OB 主题,并可以直接下载压缩包。 image.png image.png 如上图所示,OB 的主题主要由 2 个文件组成,分别为 manifest.json、theme.css,也有些主题可能没有 manifest.json 文件,但至少包含一个 css 扩展名结尾的文件。 如下图点击打开主题文件夹,会自动进入
cuman
Pkmer
Obsidian 优秀外观分享
Obsidian 优秀外观分享
以下外观截图均来自 Obsidian 的 Discord 社区: image1680574185597.png image.png ScreenShot2023-01-08at10.42.53PM.png image1680573158311.png image1678626553017.png ahan.png NewHomepage-edit.png Pasted image 20221222152707.png Pasted image 20221222142445.png ![Paste
Obsidian社区
Pkmer