Obsidian 的 CSS 代码片段
Obsidian 的 CSS 代码片段
主题可以帮助你获得更加的视觉和交互体验,除了通过 设置 外观 主题,中安装的主题外。 Obsidian 还支持一种外部样式代码引用的方式。 打开笔记仓库的 .obsidian 文件夹,其中如果没有 snippets 文件夹则创建。 在 Obsidian 中的 CSS snippets 都是以 .css 的档案格式储存在特定的文件夹。如果你有将 CSS snippets 放到该文件夹,就会在 Obsidian 显示开关。 Pasted image 20230126215854 1. 别人给你的,或者你看到不错的代码片段(CSS)文件
OS,PKMer
Pkmer
Obsidian 样式:调整图片不同布局样式
Obsidian 样式 - 调整图片不同布局样式,将图片渲染为圆形或者控制图片在文本的左侧或者右侧,可组合。
在整理侧边栏索引界面时,@熊猫别熬夜 帮忙写了一个让图片变圆的 css,后面@熊猫别熬夜 拓展了用法,目前能支持的功能包括: 1. 将图片渲染为圆形。 2. 控制图片在文本的左侧或者右侧。 这两个效果在功能上不会冲突,允许同时使用 注:以下测试图片来自:英国 1927 剧团的话剧《roots》的剧照 Obsidian 样式 - 调整图片不同布局样式 Obsidian 样式 - 调整图片不同布局样式
余月鱼鸽,熊猫别熬夜
Pkmer
自定义 Excalidraw 脚本 -Frame 框架自适应大小
Excalidraw 脚本 -Frame 框架自适应大小
24.06.18自定义Excalidraw脚本-Frame框架自适应大小.md 功能:功能是将“frame”的大小和位置自适应到其中包含的元素。
熊猫别熬夜
Pkmer
自定义 Excalidraw 脚本汇总介绍
Excalidraw 脚本汇总 - 自动检测更新
熊猫别熬夜的 Excalidraw 代码片段 来安装,里面放的是脚本 GitHub 的 RAW 链接,在 Obsidian 中会显示为按钮,脚本更新会自动检测: 自定义Excalidraw脚本汇总IMG-1 excalidraw-script-install https://raw.githubusercontent.com/PandaNocturne/ExcalidrawScripts/master/README.md 脚本的详细介绍:Excalidraw如何安装脚本脚本设置介绍 脚本安装可以根据源码来安装,也可以通过 Excali
熊猫别熬夜
Pkmer
QuickAdd 脚本 - 快速打开 Plugin 或 CSS 文件
快速打开 Plugin 或 CSS 文件
用于快速打开 Plugin 文件夹 或 CSS 文件,运行后会打开 PluginId 选择框,通过关键词筛选后,选择需要打开的插件 Id,则会自动找到对应 Plugin 或 CSS 文件。 24.09.08QuickAdd脚本-快速打开Plugin文件夹.md 有时候要排查某个插件是否跟其他插件有冲突,就需要找到对应文件夹,但在 plugins 的文件夹里面来找的话,我眼睛都花了还找不到,且文件夹管理器的搜索又慢,就需要用到这个办法了。 js quickadd const quickAddApi = this.app.plugin
熊猫别熬夜
Pkmer
Obsidian Weekly 2024-09-06:叮咚!您的第二大脑智商已升级!
Obsidian Weekly 2024-09-06:叮咚!您的第二大脑智商已升级!
Backtick text selector By Ram Rachum Import GitHub Readme By Chasebank87 ImgBB Uploader By Jordan Handy Live Variables By Hamza Ben Yazid ![imgBB650](https://cdn.
淡水鱼,PKMer
Pkmer
Excalidraw LateχEditor:用于画板的 Lateχ编辑器
Excalidraw LateχEditor:用于画板的 Lateχ编辑器
24.09.08自定义Excalidraw脚本-LateχEditor用于画板的新Lateχ编辑器.md 1. 可视化编辑 Lateχ公式:直接运行脚本使用。 2. 可二次编辑 Lateχ公式:选中一个 latex 公式后,在运行脚本使用。 excalidraw-script-install https://raw.githubusercontent.com/PandaNocturne/ExcalidrawScripts/master/PandaScripts/LatexEditor.md
熊猫别熬夜
Pkmer
Excalidraw Script Install Market:轻松管理和获取 Excalidraw 脚本
Excalidraw Script Install Market 是一个方便你从非官方脚本市场的 Github 仓库中获取和管理 Excalidraw 脚本的小工具。通过这个脚本,你可以轻松安装、更新和编辑脚本市场的 URL 链接,并在不同的脚本市场之间快速切换。
Excalidraw Script Install Market 是一个方便你从非官方脚本市场的 Github 仓库中获取和管理 Excalidraw 脚本的小工具。通过这个脚本,你可以轻松安装、更新和编辑脚本市场的 URL 链接,并在不同的脚本市场之间快速切换。 脚本安装链接: excalidraw-script-install https://raw.githubusercontent.com/PandaNocturne/ExcalidrawScripts/master/PandaScripts/ExcalidrawScriptInstal
熊猫别熬夜
Pkmer
Batteryindicator 给你的 Obsidian 添加电池电量指示器
Batteryindicator 给你的 Obsidian 添加电池电量指示器
这个插件很简单,面向的用户群体,偏向全屏使用 Obsidian 的用户,当你全屏使用时可以看到自己移动设备的电量指示器。 ![](https://cdn.pkmer.cn/images/20240907212547.png!pkmer) 百分比,和电池状态的图标 电池充电比例和状态显示样式
OS
Pkmer
Obsidian 样式:限制笔记内的图片宽度(可点击放大)
Obsidian 样式:限制笔记内的图片宽度(可点击放大)
一个简单的 css,分享一下。 在笔记里有很多图片的时候,图片占用的空间过大,导致一页能显示的内容有限。 利用这个样式可以批量限制这个笔记内所有图片的大小,在需要的时候点击图片进行放大。 应用前: c44becbc5021233fd3341ea9bfe61fb5.png600 应用后: 25f8ba5c825f4f16e9dcbe27e0f01782.png600 css 代码: 使用方法: 1. 把上面的 css 代码放进 CSS Snippets(样式片段) 2. 在需要限制图片宽度的笔记里,添加元数据 cssclasse
Moy
Pkmer
Obsidian 样式:编辑模式下当前行高亮
Obsidian 样式:编辑模式下当前行高亮
Obsidian 默认主题 在编辑模式下,没有当前行高亮功能,可以通过下面片段实现。为了达到更好的效果,可以在 Ob 中开启 编辑器-显示行号 设置项。 image.png 浅色阴影.png 深色阴影.png css .theme-light{ .markdown-source-view.mod-cm6 .cm-line.cm-active{ border-radius: 5px; / 阴影矩形的圆角 / box-shadow: 0px 0px 18px b7b2b2; /
cuman & neojinmingli
Pkmer
Plugin Manager 启动顺序和时间由你掌握,插件重度用户的福音
管理 Obsidian 插件的启动时间和顺序
很多用户使用一段时间之后,随着插件数量增多,启动缓慢,逐渐开始对如何裁剪插件产生困惑。对于有着“鱼与熊掌我想兼得”的想法的使用者,之前需要了解,脚本,利用 template 等插件的脚本方法来完成,对于初学者或者对配置,或者脚本不太了解的用户,难度较高,所以之前 Blue Topaz 示例库简介 中就有类似的方案,可以大家简单迁移。 Plugin Manager 可以用最直白的方式来控制每个插件的启动时间 image.png - 比如,我对 zotlit 插件设置,10,则会在 10 秒后进行启动 -
AI
Pkmer