Mermaid Tools 快捷输入工具，降低你输入 Merimad 的难度
Mermaid Tools 快捷输入工具，降低你输入 Merimad 的难度
如果你是一名笔记爱好者，正在使用 Obsidian 进行笔记管理和知识整理。你也许已经知道 Mermaid 是一个流程图和时序图的 Markdown 渲染工具，而 Mermaid Toolbar 就是为 Obsidian 用户提供的一个专业、易用的流程图绘制插件。 Mermaid Toolbar 可以增强 Obsidian 的流程图绘制能力，让你在笔记中添加各种流程图、UML 图以及各种其他的类型图表。它操作简单直观，只需通过工具栏即可实现图表的添加、编辑和样式调整等功能。 总的来说，Mermaid Toolbar 是一款功能强大、使用简便
OS
Pkmer
BookNote 让你在 Obsidian 中阅读标注 PDF
BookNote 让你在 Obsidian 中阅读标注 PDF
支持在 Obsidian 中阅读 PDF，并在上面标注记录在 OB 的笔记文档中。 1.webview 安装包 2.booknote 插件压缩包 下面演示使用本地服务如何部署，以 Windows 为例： 1. 安装 webview 因为插件使用 webview 服务，所以需要先安装 webview 环境。 解压到电脑任意目录即可，这里要记住解压的路径目录。 1. 安装 booknote 插件 通过项目地址，手动安装插件，手动安装参考 Obsidian社区插件的安装 1. 插件设置 注
OS
Pkmer
Obsidian 插件:Contextual Typography 增强阅读模式样式
这个插件属于高级辅助插件，但使用起来非常简单。因为没有任何设置项，开启后对 Obsidian 本身也没有影响。如果某个主题或者片段要求安装这个插件，安装后启用就好了，几乎对你没什么不好的负面影响。 插件本身没有任何 css 效果，需要懂 css 开发的，写 css 片段才能出现相应效果，有些主题，或者片段要求用户安装这个插件，就是为了实现更复杂的控制的效果。 比如想实现“一级标题下如果紧跟着是二级标题，那么二级标题需要跟一级标题的行间距需要自定义”，就这么一个简单需求如果用 Obsidian 官方给的默认元素就实现起来非
cuman
Pkmer
Obsidian 样式：段落首行增加缩进
Obsidian 样式：段落首行增加缩进
自小陪伴我们的首行缩进，是一个很多人的书写阅读习惯。虽然随着新网络媒体盛行，似乎顶格布局成为了时下流行的方式。时代在发展，现在电子书、网络媒体盛行，越来越多的网站通过采用增加段间距的方式来进行段落之间的区分，摒弃锻炼首行缩进，尤其是你看到了微信和一些软件方面的新媒体，从美学上来说不符合对齐的规则，一些纸媒也开始尝试用增加段间距的方式来替代首行缩进。 - 效果（支持实时编辑和阅读模式） image.png856 CSS div.cm-line:not(.HyperMD-header) { text-indent: 2e
OS
Pkmer
Obsidian 样式：表格（Table）样式建议修改方法
Obsidian 样式：表格（Table）样式
Markdown 的表格展示形式一般比较单一，有必要通过 CSS 实现加强 Markdown 的表格展示效果。 image.png image.png css /table hover/ :is(.markdown-preview-view,.markdown-rendered,.markdown-source-view) td:hover, :is(.markdown-prev
cuman
Pkmer
Obsidian 样式：文件浏览器样式
Obsidian 样式：文件浏览器样式
Obsidian 自带的文件浏览器，样式单一，有很大的改造余地，通过 css 可以让文件夹变的更醒目更个性化。 根据自己的文件夹名称，把名称写到 css 中就可以自定义文件夹图标，其中文件夹图标使用的是 svg 格式，iconfont-阿里巴巴矢量图标库](https://www.iconfont.cn/) 这里有很多图标可供选择。css 中 svg 图标需要转成 base64 格式才能正确解析，通过这个网页实现转换 [SVG to CSS converter SVG Backgrounds 假设这里的文件夹名称为 000 In
cuman
Pkmer
Quickadd 结合 CSS 实现挖空复习
Quickadd 结合 CSS 实现挖空复习
我有个转换挖空的 css 文件，它的作用是将高亮语法的文字遮挡住，当鼠标放在上面就能正常显示；实际使用过程中，我们有时候需要挖空辅助记忆，有时候需要使用高亮突出重点，这样我们就需要频繁地切换这个片段，一般有两种方法进行这样的操作： 1. 打开设置 → 外观 → css 代码片段切换； 2. 下载 MySnippets 在右下角状态栏直接切换。 以上两种做法后者更快更简单一些，但还是不能一步到位，作为一个懒癌后期患者在想，能不能给 css 片段绑定一个快捷键达到瞬间切换的目的，随后我就跑到了 Pkmer 社群里面请教大佬，@锋华大佬答应帮我写
Mon
Pkmer
Obsidian 样式：给笔记添加随机背景图
Obsidian 样式：给笔记添加随机背景图
Obsidian 自从 1.0 后统一很多 UI 元素，使得整体界面，开始像简约化买进。但是笔记折腾久了，或者说为了缓解我们记录笔记，管理知识的压力。关于知识管理的压力我们也在其他内容中提到过比如这里 构建第二大脑-入门指南 有时候需要一点不一样的色彩，比如更加个性化的笔记背景。 CSS body { --blur-depth: 0px; --blur-depth-cp: 10px; --saturate-4-bg: 1; --saturate-4-bg-cp: 1; --brightne
OS
Pkmer
Obsidian 样式：分割线样式美化
Obsidian 样式：分割线样式美化
Obsidian 简约的界面，似乎缺少了那么一点个性化，很多同学在学习摸索的过程中，除了关注知识管理，各种收集整理方法， 自动化管理工具之外。 也会对外观，彰显个性的设置感兴趣，比如如果你使用分割线，那么默认的分割线似乎，有那么点单调。 - 独立片段如下：
OS
Pkmer
Obsidian 样式：建立书籍电影的卡片化视图
Obsidian 样式：建立书籍电影的卡片化视图
Obsidian 被很多人认为是“All in one”的绝佳选择，抛开主观感受不谈，Obsidian 的可玩性和自定义自由度，确实是很多同类软件，应用无法比拟的，这是它的闪光点之一。 但是很多人因为不太容易入门折腾，对别人效果心驰神往，又对高门槛望而却步。比如今天要介绍的，将书籍、电影生成卡片墙。 很多人有这样的需求，详细是看到 Minimal 和 Blue-Topaz 的一些示例库，其中好看的卡片墙。 比如： image.png 明明已经按照示例库中 dataview 写好了代码，一字不差，但是始终无法达成上面的卡片效果。
OS
Pkmer
Obsidian 样式：待办事项美化复选框
Obsidian 样式：待办事项美化复选框
待办事项或者觉任务列表，是 Obsidian 在知识管理工具上提供的优质特性之一。默认样式，使用圆角矩形复选框 + 待办事务文案组成。 你可以通过使用不同的社区主题来改善这个复选框样式，让它看着与众不同，当然也可以使用 CSS 来完成这点。 如果需要将圆角矩形复选框变为圆形，可以参考下面样式； 样式使用方法，参考 Obsidian的CSS代码片段 效果 image.png CSS input[type="checkbox"], .cm-formatting-task { -webkit-appearance: none;
OS
Pkmer
Templater 实现关键词自动化套用模板
Obsidian利用Templater插件实现关键词自动化套用模板
大家好我是铅笔小明（PencilMing)，今天给大家分享一个我在 obsidian 经常使用的一套自动化方案，这个功能我是从油管主播 Pamela Wang 的 ob 库里学到的，它可以让你在笔记中新建双链后，点击双链自动跳出选择套用的模板，还可以进一步选择要把笔记移动到指定文件夹。 比较直观的功能入下方 gif 所示： 249707380-0f3acb4a-251a-44a2-b15b-b7d243659104.gif 目前这个功能只需要一个插件：Templater。进行前先确保已经安装了 Templater 插件。 我觉得也不需要
是明导么
Pkmer