Obsidian 插件：Blur

概述

创建混淆的文本块。

Readme(翻译）

下面是 blur 插件的自述翻译

模糊

轻量级的 Obsidian.md 插件，用于创建模糊的文本块。

2 种模式：

1. inline（内联）
2. block（代码块）

3 种方法：

1. blur（模糊）- 用于模糊化
2. brick（砖块）- 用于删除
3. bone（骨头）- 用于线框设计

内联

模糊

阿尔法 布拉沃 查理 `~{Delta}` 伊科 福克斯特 戈尔特 酒店 印度 朱利叶特 `~{Kilo}` 利马 迈克 南斯卡尔 `~{Papa}` 魁北克 罗密欧 西尔拉 坦戈 统一 维克多 `~{Whiskey}` X射线 雅克 尤里 曾鲁

砖

阿尔法 布拉沃 查理 `~[Delta]` 伊科 法克斯特 高尔夫 酒店 印度 朱利叶特 `~[Kilo]` 利马 迈克 南希 奥斯卡 `~[Papa]` 魁北克 罗密欧 西尔拉 坦戈 统一 维克多 `~[Whiskey]` X射线 雅克 朱利

骨头

阿尔法 布拉沃 查理 `~(德尔塔)` 伊科 福克斯特 戈尔特 霍特尔 印度 朱利叶特 `~(基洛)` 利马 迈克 南尼斯卡尔 `~(帕帕)` 魁北克 罗密欧 西尔拉 坦戈 统一 维克多 `~(威士忌)` 西尔弗 元素 亚瑟 阻流

区块

模糊

```模糊
阿尔法 布拉沃 查理 德尔塔 伊科 福克斯特 戈尔特 霍特尔 印度 朱利特 基洛 里马 迈克 南尼斯卡尔 奥斯卡 帕帕 魁北克 罗密欧 西尔拉 坦戈 统一 维克多 惠斯基 克斯雷扬基 祖鲁
```

砖块

```blur-brick
阿尔法 布拉沃 查理 德尔塔 伊科 福克斯特 戈尔特 酒店 印度 朱利叶特 基洛 里马 迈克 南尼斯卡尔 奥斯卡 帕帕 魁北克 罗密欧 西尔拉 坦戈 统一 维克多 惠斯基 克斯雷扬基 祖鲁
```

骨头

```blur-bone
阿尔法 布拉沃 查理 德尔塔 伊科 福克斯特 戈尔特 酒店 印度 朱利特 基洛 里马 迈克 南希 奥斯卡 帕帕 魁北克 罗密欧 西尔拉 坦戈 统一 维克多 惠斯基 克斯雷 扬基 祖鲁
```

结果

插件安装

从 Obsidian 的设置或首选项中：

1. 社区插件 > 浏览
2. 搜索 “iconoir”

或者：

1. 下载最新的 发布存档
2. 解压下载的存档
3. 将 blur 文件夹移动到 /path/to/vault/.obsidian/plugins/
4. 设置 > 社区插件 > 重新加载 已安装的插件
5. 启用插件

或者：

1. 下载 main.js、manifest.json 和 styles.css
2. 创建一个新的文件夹 /path/to/vault/.obsidian/plugins/blur
3. 将所有 3 个文件移动到 /path/to/vault/.obsidian/plugins/blur
4. 设置 > 社区插件 > 重新加载 已安装的插件
5. 启用插件

自定义 CSS 样式可以通过 obsidian-style-settings 插件应用。

视频演示

效果

1. 模糊 - 滤镜
2. 砖块 - 行高, 背景颜色, 边框半径
3. 骨骼 - 行高, 背景颜色, 边框半径 和
4. 编辑器 - 切换 以在鼠标悬停时显示混淆的文本

用于设置样式的 CSS 片段

以下需要使用 obsidian-style-settings 插件。

1. 创建一个名为 obsidian-blur-plugin.css 的片段文件，内容如下

或者

1. 下载 obsidian-blur-plugin.css

然后

1. 将文件保存到 /path/to/vault/.obsidian/snippets
2. 在设置 > 外观 > CSS 片段下启用片段

/* @settings

name: 模糊插件
id: obsidian-blur
settings:
-
  id: obsidian-blur-hover
  title: 鼠标悬停时显示模糊文本
  type: class-toggle
  default: false
-
  id: obsidian-blur-filter
  title: 模糊滤镜强度
  type: variable-text
  default: 5px
-
  id: obsidian-blur-brick-color
  title: 砖块颜色
  type: variable-themed-color
  format: hsl
  opacity: true
  default-light: 'hsla(220,19%,6%,1)'
  default-dark: 'hsla(220,100%,100%,1)'
-
  id: obsidian-blur-brick-border-radius
  title: 砖块边框半径
  type: variable-text
  default: 1px
-
  id: obsidian-blur-brick-line-height
  title: 砖块行高
  type: variable-number-slider
  default: 1
  min: 1
  max: 2
  step: .05
- 
  id: obsidian-blur-bone-color
  title: 骨头颜色
  type: variable-themed-color
  format: hsl
  opacity: true
  default-light: 'hsla(220,19%,6%,1)'
  default-dark: 'hsla(220,100%,100%,1)'
-
  id: obsidian-blur-bone-border-radius
  title: 骨头边框半径
  type: variable-text
  default: 1.5em
-
  id: obsidian-blur-bone-line-height
  title: 骨头行高
  type: variable-number-slider
  default: 1
  min: 1
  max: 2
  step: .05
-
*/

发展

克隆这个仓库

cd /path/to/vault/.obsidian/plugins
git clone https://github.com/gapmiss/blur.git
cd blur

安装包并运行

npm i
npm run dev

启用插件

1. 打开 设置 → 社区插件
2. 启用 模糊 插件。