插件推荐-笔记背景

经验分享
1

Dynamic Background for Obsidian

黑曜石动态背景

An immersive Obsidian plugin that dynamically changes the note background as you scroll. Perfect for visual storytelling, role-playing games (RPGs), or creating atmospheric reading experiences.
一款沉浸式 Obsidian 插件，可随滚动动态改变笔记背景。非常适合视觉叙事、角色扮演游戏 (RPG) 或营造沉浸式阅读体验。

Demo

:sparkles: Features :sparkles: 特点

  • Scroll-Triggered Changes: Backgrounds change automatically as you scroll to different sections of your note.
    滚动触发变化： 当您滚动到笔记的不同部分时，背景会自动变化。
  • Visual Customization: Control opacity, blur, size, position, and visual style for each image.
    视觉自定义： 控制每张图片的透明度、模糊度、大小、位置和视觉样式 。
  • Rich Preset Styles: Choose from beautiful presets like Glass, Frost, Card, or Zen to make your text pop.
    丰富的预设样式： 从玻璃 、 磨砂 、 卡片或禅意等精美预设中进行选择，让您的文字更加醒目。
  • Clean Reading Experience: Backgrounds work seamlessly in both Live Preview and Reading View.
    流畅的阅读体验： 背景在实时预览和阅读视图中都能无缝衔接。
  • Non-Intrusive: The configuration blocks are visible in Edit mode but completely hidden in Reading mode.
    非侵入式： 配置块在编辑模式下可见，但在阅读模式下完全隐藏。
  • Isolated Styling: Backgrounds apply only to the note content, leaving the sidebar and settings UI untouched.
    独立样式： 背景仅适用于笔记内容，侧边栏和设置界面保持不变。

:rocket: Usage :rocket: 用法

Simply add a bg code block anywhere in your note. When you scroll to that block, the background will update.
只需在笔记的任意位置添加一个 bg 代码块。当您滚动到该代码块时，背景就会更新。

path: forest.jpg
blur: 5px
opacity: 0.8
style: glass

Advanced Example 高级示例

You can combine multiple properties to achieve the perfect look:
您可以组合多种属性，打造完美外观：

path: mystical-cave.png
blur: 0px
opacity: 1
size: cover
position: top center
repeat: no-repeat
style: frost

仓库地址：GitHub - nilmax99/BKchanger

5 个赞