垂直标签页 实践

Vertical Tabs插件使用实践经验

众所周知，我是一个垂直标签页吹，为此还专门写过垂直标签页一文，来赞扬 Edge 浏览器与 Firefox 浏览器插件的这一功能。 今天我要推的插件，则是 Obsidian 上的垂直标签页。它的名字是 Vertical Tabs。 垂直标签页多种多样，其中的几种我愿称之为“伪垂直标签页”。为什么这么叫呢？因为它在我看来并没有完全起到垂直标签页应有的作用。 垂直标签页最基本的功能，应该是将顶上的水平标签页移动到侧边，以垂直的方式排列。 但是很多情况下（如 Chrome 浏览器的一些垂直标签页插件、另一款 Obsidian 垂直标签页 Ver

ProudBenzene

Pkmer

更多

示例库

一个基于游戏1999制作的Obsidian示例库

被大家催上天的颜值库终于放出来了！ 本库是借助本地知识库软件 Obsidian](https://obsidian.md/) 制作的，关于游戏 [《重返未来：1999》 的离线 Wiki。 库中文档、图片等内容主要来自游戏设定，经一些在线 wiki 网站与本人从游戏中收集整理，制成 Wiki。 如无意外，我会跟随 1999 的游戏更新，将这个库一直维护、更新下去，尽量确保库内信息为最新信息。 下面让我们从游戏 Wiki 与 Obsidian 示例库两个角度，分别介绍一下本库。 E7A4BAE4BE8BE5BA93E4B8BBE9A1

ProudBenzene

Pkmer

更多

CSS美化 css

 Obsidian 1.4.0 更新了全新的 metadata，使得 metadata 不仅可以像原本一样在源码模式下编辑，在实时编辑与阅读模式下也可以进行编辑。 同时，metadata 框的外观也与之前的版本有所不同，现在 metadata 框的外观更加美观，可以以类似表格的形式展示，更加符合 Obsidian 的整体风格。 而在之前的很多读书笔记模板中需要使用特定 CSS 与 Callout 才能达到的效果（如下图）

ProudBenzene

Pkmer

更多

浏览器 垂直标签页

关于垂直标签页的心得与Firefox垂直标签页的配置

Firefox 浏览器开启垂直标签页800 在以前没有垂直标签页、只有水平标签页的时代，打开十几甚至几十个标签页，想要时刻掌握这些标签页的内容并点击进入其中，是一件比较困难的事情。因为水平标签页有限的空间，会导致所有标签页挤在一起。这样，一旦标签页多起来，标签页的标题就会被挤压遮挡，进而导致用户根本不知道哪个标签页大概有什么内容，溺死在标签页的海洋里。 举两个在我的使用中很常见的例子： 因此对于工作中的我

ProudBenzene

Pkmer

更多

界面美化 CSS美化

Blue Topaz同款Thino美化

由 PKMer 成员维护的 Blue Topaz 主题在最近的更新中加入了对 Thino 插件界面的美化，但是还要一些朋友平时的常用主题并不是 Thino 主题。为了让大家都能体验到 Thino 的全新外观，我将 Blue Topaz 主题中关于 Thino 的部分移植了出来，并于此分享。 以下四张图示分别为 Thino 的列表视图、聊天视图、动态视图与卡片分享界面结合全新现代外观的效果：  ![](https://cdn.

ProudBenzene

Pkmer

更多

教程 PKMer插件

PKMer插件安卓端安装手把手教程

由于移动端 Obsidian 本体并不向桌面端一样，在「设置」→「第三方插件」中存在一键进入 Ob 插件文件夹的入口，因此插件安装方式相比桌面端也略有波折。 让我们先从材料准备开始。 如果你的 Obsidian 库中已经安装了其他插件，可以跳过这一步。如果你的 Obsidian 库是一个新库，没有安装过任何插件，请继续阅读此步骤。 1. 用 Obsidian 打开你的库 2. 打开质感文件，点击右上角三个点，在弹出的菜单中勾选「显示隐藏文件」选项PKMer插件安卓端安装手把手教程 500 3. 进入你的库文件夹

ProudBenzene

Pkmer

更多

教程 PKMer插件

PKMer插件手把手安装教程

 打开 PKMer 插件 官网，点击开始下载按钮，开始下载包含插件文件的压缩包：  下载完成后，解压压缩包，得到插件文件夹。插件文件夹中应包含 manifest.json、main.js 及 style.css 三个文件。 ![](https://cdn.pkmer.cn/images/202312080303473.png

ProudBenzene

Pkmer

更多

banners 适配

最新beta版banners插件升级过程

虽然距离 Obsidian 推出 1.4 版本，更新 Properties 功能已经过去了很长时间，但是 Banners 插件依然没有发布正式版更新解决 banner 图和 properties 抢位置的问题。 但这并不意味着作者没有尝试修复这个问题。事实上，作者在这之后先后推出了许多测试版，并最终停留在 2.0.5-beta 版本。 使用 2.0.5-beta 版本后，banner 图和 properties 的冲突问题即可解决。同时，由于 Properties 值支持了双链，因此 banners 2.0 将默认 metadata 格式由

ProudBenzene

Pkmer

更多

图片 附件

可以一键在系统软件中打开笔记图片的quickadd脚本

一键在系统应用中打开图片编辑800 我笔记中的很多图片都是通过截图后直接粘贴插入的，因此难免有的图片上有些瑕疵，需要用图片编辑器进行细微的修正。 通常要完成这些操作，我们需要： 1. 在 Obsidian 的附近文件夹中找到该图片文件 - 直接在库中搜索文件名找到图片文件 - 在出链面板中根据文件名找到图片文件 - 在系统文件管理器中打开附件文件夹，找到图片文件 - … 2. 双击图片（或右键图片选择打开方式才）打开图片 这些操作不仅极为繁复，而且很不优雅，比较浪费时间。 使用下面的脚本，可以直接在系统软件中打开选中

ProudBenzene,熊猫别熬夜

Pkmer

更多

图片 题注

使用QuickAdd脚本为图片添加题注

由于目前我着手的库中有许多笔记经由同一个模板，且其中的图片都需要以固定格式进行题注命名，并通过图片的 metadata 控制图片大小保持一致，因此我撰写了这个脚本。 效果展示：  javascript // autoImageCaption.js by @ProudBenzene let editor; let activeLeaf = this.app.workspace.activeLeaf; if

ProudBenzene

Pkmer

更多

callout 跑马灯

Callout彩色跑马灯样式

为了给「名人名言」增加一个醒目又漂亮的框，我参考了网上跑马灯方框的代码，略作修改使其成为了一个跑马灯 Callout 样式。 本来想做一个简约一点的，但是水平有限没搞出来，下次再试试。  复制下方代码为 CSS 文件，放入 Obsidian 的配置文件夹中的 snippets 文件夹，再在 Obsidian 外观设置中启用即可： css / From www.lingdaima.com, modified from

ProudBenzene

Pkmer

更多

刷新 quickadd

刷新当前Obsidian页面

由于 Obsidian 的缓存机制等问题，有些笔记中的改变可能不会立即生效，而是在页面重新加载后才会体现。因此为 Obsidian 提供一个刷新按钮可以大大方便某些情况下的笔记编辑。 能实现该功能的脚本有两种： 这种脚本的原理简单粗暴，即先关闭标签页，再将其迅速打开，从而达到刷新效果： 这个脚本由 calmwaves 提供，通过 JavaScript 脚本使 Obsidian 重新加载当前页面：

ProudBenzene,calmwaves

Pkmer

更多

Excalidraw脚本 Excalidraw

自定义 Excalidraw 脚本：实现 Zotero 与 Excalidraw 的拖拽联动

自定义 Excalidraw 脚本：实现 Zotero 与 Excalidraw 的拖拽联动 之前分享过 Quicker动作之BookxNote和Obsidian联动 实现了 Excalidraw 画板与 BookxNote 的联动，需要借助 Quicker 来点击 2 次才能完成一个过程，整体下来还是比较麻烦的（不过我自己还是经常在用），这次将介绍 Zotero 与 Excalidraw 的无缝连接，不需要借助 Quicker，而是通过自定义 Excalidraw 的脚本，直接拖拽 Zotero 的文本或者图片就可以实现 Zotero 到

熊猫别熬夜,ProudBenzene,y6n-u9h

Pkmer

更多

quickadd脚本

Quickadd 脚本 - 控制自定义 CSS- 设置二维码字体

Quickadd 脚本 - 控制自定义 CSS- 设置二维码字体 很多情况下，我们分享自己的 Obsidian 精美界面时，并不希望暴露自己的笔记或者文件夹上面的内容，毕竟隐私很重要，这里提供一个方案——设置全局的隐私字体，这里有 @Calmwaves 推荐的一个 二维码字体，个人感觉非常适合当做一种隐私字体，而且看起来也比较好看。 为了方便调用这个隐私字体，可以配置 Quickadd 脚本 (脚本由 @ProudBenzene 提供)，另外用 Commander 插件制作一个控制开关按钮： Quickadd 脚本 - 控制自定义 C

熊猫别熬夜,ProudBenzene,calmwaves

Pkmer

更多

样式 书签

Obsidian样式-书签列表样式

在 AnuPpuccin 主题的 GitHub Discussion 中看到其他大佬分享的列表 CSS 样式，觉得还蛮漂亮，就自己扩充了一下，完善了一点效果。 使用效果如下：  本片段的 CSS 代码如下： css / From @brimwats https://github.com/AnubisNekhet/AnuPpuccin/discussions/52 / ──────────────── Out

ProudBenzene

Pkmer

更多

主题 美化

Obsidian 样式：ITS 主题列表样式

列表是 markdown 格式的重要一环。但是对于一些不太完善的主题，其列表样式没有颜色、形状等自定义选项，往往容易造成在深色背景下列表符号不够显眼的问题。 正巧群内有同学提到喜欢 ITS 风格的列表样式，因此我将 ITS 主题中关于列表样式的部分提取了出来，并针对大部分插件进行了适配。使用效果如下：  Gist 查看链接

ProudBenzene

Pkmer

更多

音乐 歌词

将 Obsidian 变成音乐播放器的插件——Lyrics

听音乐比较多的朋友应该都了解 .lrc 文件。这是一种通用的歌词文件格式，以 .lrc 为扩展名的歌词文件可以在各类数码播放器中同步显示。 .lrc 格式是一种文字格式，与电视和电影的 字幕 文件很相似，以下是一个简单的示例： lrc 代码块中包括两个要素，音频路径与歌词： 其中音频路径支持文件路径与 Wiki 链接： 使用 Wiki 链接： lrc source audiofile.mp3 [00:01.00] your .lrc format contents [00:02.00] …

ProudBenzene

Pkmer

更多

Lyrics 音乐

美化 Lyrics 插件的歌词界面

lyricsObsidian Lyrics 插件可以将 Obsidian 变成一个带有滚动歌词的音乐播放器，美中不足是默认样式外观较为一般，遂根据插件作者的指引进行一些自定义美化设置。 

ProudBenzene

Pkmer

更多

quickadd脚本 VSCode

一键在第三方软件中打开笔记的quickadd脚本

在使用 Obsidian 对笔记进行编辑时，我们可能会需要在第三方软件中打开该篇笔记进行编辑，以使用一些 Obsidian 并不擅长的功能。例如，在 Typora 中打开笔记进行表格编辑、在 VSCode 中打开笔记文件夹进行大型文本查找替换、修改格式为 md、内容为 javascript 的脚本…… 对于一些用户而言，这些需求可能需求频次较高。这时候，如果有一个一键将笔记在某软件中打开的命令或按钮，会省去很多麻烦。 相比于单独的插件，脚本更加轻量、简单，因此这里使用脚本完成诉求。 下面两个版本的脚本： js // 获取笔记的

熊猫别熬夜,ProudBenzene

Pkmer

更多

外观 美化

类 Blue Topaz 主题的 Zotero 笔记界面样式美化

1. 复制 css 文件中的代码 2. 打开 Zotero 设置，转到「高级」，滑到最下面点击「编辑器」按钮 3. 接受风险 4. 在搜索栏中输入 note.css 5. 将复制的 css 代码粘贴到右侧栏中，完成设置 Zotero 笔记样式——袖珍 Blue Topaz 来自 Blue Topaz 主题作者，3f flying fly flies 大大： css h1 { font-size: 1.6em !important; color: 2980b9 !important; margin: 0.2em 0; padding:

ProudBenzene

Pkmer

更多

Syncthing 配置经验

在Mac、iPad和华为手机之间建立Syncthing同步的经验

Syncthing 是一款开源免费跨平台的文件同步工具，是基于P2P 技术实现设备间的文件同步。 十一月以来，我用将近一周的碎片时间慢慢倒腾，终于配置好了 Syncthing 同步 Obsidian 库，以及使用 Syncthing 后出现的大部分问题。本篇文章作为一个经验贴，记录我配置 Syncthing 的全过程，包括我踩过的坑以及使用感想。、 高大上的官话我也不会，我就说说感知最为明显的几点： 优点： 1. 相比我之前用来同步 Mac 与华为手机的 Folder Sync+Remotely Save+WebDAV

ProudBenzene

Pkmer

更多

在手机相册中隐藏Obsidian的图片附件

在 iOS&iPadOS 中，文件系统和照片系统是分开的，因此，储存在“文件 app”中的图片文件正常情况下并不会同时出现在“照片 app”中。但是，这个看似简单的功能，对于 Andriod&鸿蒙系统的设备来说则不然。 Andriod&鸿蒙系统的默认机制是，其图片浏览器以及媒体播放器，默认会直接搜索手机系统里的所有图片文件或媒体文件，并显示在 app 中供用户查看、使用。这也就意味着，我们存在手机或平板上的Obsidian 库中的图片或其他附件也会出现在手机的”照片 app“中。于是，你会发现，在每次和电脑同步库后，手机的”照片 app“中都

ProudBenzene

Pkmer

更多

美化 properties

Obsidian 更新 1.4 大版本后，带来了升级版 metadata 与属性面板新特性。但是种种插件适配问题也接踵而来，如 hover editor 插件悬浮预览时，弹窗中的属性面板在预览模式中依然显示，占据了大量空间。我们想要阅读笔记内容必须每次先手动下滑笔记，造成了一定的麻烦。但是如果在设置中直接关闭属性面板，则当前主笔记中的属性面板也会一同消失。 Pasted image 20231011112445.png 对此，我们可以使用以下 css 片段，保留主笔记的 metadata，仅仅去除弹窗悬浮预览中的 metadata 属性面板。

ProudBenzene

Pkmer

更多

css

Obsidian 样式：将状态栏变为悬浮

(来自主题 AnuPpuccin) 开启片段后，状态栏平时处于隐藏状态，只有当鼠标伸到原状态栏的位置，才会使状态栏出现。 iShot2023-08-2616.37.22 AnuPpuccin/snippets/floating-status-bar.css css / AGPLv3 License Floating Status Bar Author: AnubisNekhet Note: If you decide to implement it in your theme or redistribute it, please

ProudBenzene

Pkmer

更多

主题增强 BlueTopaz

把BlueTopaz优秀的片段提取出来，其他主题也可以使用。

Blue Topaz 主题是一个非常优秀的主题，由 3f 等多位大佬一起开发而来，内含许多种自定义方案以及强大的扩展功能。但是除去这些最为明显的优势，该主题在「基础优化」方面的优秀也是不可忽视的。例如在许多从其他平台迁移而来的用户看来理所当然的「首行缩进」、「两端对齐」功能，图片自适应显示强调字体的颜色、挖空涂黑等等新的字体强调方式，以及一些 admonition 小组件的 css 处理。这些功能不仅默认主题中没有，大部分主题（如 AnuPpuccin等）也都缺失这些功能, 或者在相应功能上不如 bt 完善。为了在其他主题中也可以使用

ProudBenzene

Pkmer

更多

Cubox通过advanced uri插件导入到Obsidian中

Cubox 是一款优秀的全平台「稍后读」软件，配合其浏览器插件和微信收藏助手，可以方便地收藏网上冲浪时令你一见钟情的文章，甚至是微信中的公众号文章、聊天记录或语音。每收藏一个网页，它就会自动生成「文章视图」和「网页快照」，不仅方便阅读，即使网站 404 了，也可以通过快照功能查看。 除此之外，它还可以作为Newsletter的接收端，汇聚整理你订阅的各种Newsletter文章。内置的其他功能如文章大纲、嵌套标签等也非常方便实用。如果你还没有使用过，可以输入我的推荐码 dgppze 领取 7 天会员，先体验一下😆 但是Cubox的标注功能

ProudBenzene

Pkmer

更多

英语学习

使用 Obsidian 学习英语

作为一名大学牲，英语学习已经成为了我日常的一部分。为了提升英语学习的效率，使用什么样的工具以及对于工具的使用方法是比较重要的。 我英语学习方法的启蒙来自高中英语老师。每读完一篇课文、做完一套卷子，她都会做出一套 PPT，带着我们逐字逐句地把每篇文章都精读一遍，分析其中的单词妙用以及精彩句式，并让我们记下笔记。不仅如此，她还会在下节课上听写上节课讲到的内容。一旦听写错得多一点，就得面对她发飙的模样……哦我的朋友，相信我，你绝对不想在她暴怒时出现在她的面前。 因此，在大学里，在基本没有系统教学的环境中，我又重新想起了高中时那令我刻骨铭心的学习方

ProudBenzene

Pkmer

更多