Obsidian 插件:Icon Shortcodes 通过短代码方式,快速筛选和输入

Obsidian 插件:Icon Shortcodes 通过短代码方式,快速筛选和输入

概述

有时候我们在记录笔记的时候,会使用到 emoji 表情符号,Obsidian 支持这种表情符号的显示,但是输入上十分依赖你的输入法或其他方式。

Icon Shortcodes 很好的解决了这个问题,通过键入 emoji 对应的短代码方式,快速筛选和输入。并支持自定义图标集合。

插件名片

  • 插件名称:Icon Shortcodes
  • 插件作者:AidenLx
  • 插件说明:通过键入 emoji 对应的短代码方式,快速筛选和输入。并支持自定义图标集合。
  • 插件分类:[’ 效率 ’, ’ 编辑器 ’, ‘obsidian 插件 ‘]
  • 插件项目地址:点我跳转
  • 国内下载地址:下载安装

效果&特性

Obsidian 插件:Icon Shortcodes 通过短代码方式,快速筛选和输入--效果&特性

Obsidian 插件:Icon Shortcodes 通过短代码方式,快速筛选和输入--效果&特性

使用短代码插入表情符号和自定义图标

  • 轻松导入和管理自定义图标(支持 .bmp.png.jpg.jpeg.gif.svg.webp 格式)
  • 在编辑器中渲染自定义图标(通过 Codemirror选项 支持传统编辑器)
  • 内置 Unicode 13.1 表情符号,支持 Lucide
  • 可通过下载使用 Font AwesomeRemixicon
  • API 可供其他插件集成
  • 模糊搜索:输入 :book 以查找📖(:open_book:) 和📗(:green_book:)

使用

  • 通过键入 emoji 对应的短代码,对应触发关键字为 :(英文冒号)紧跟 emoji 对应的短代码。如 :smile 对应的就是笑脸。
  • 输入对应短代码后,插件会自动进行提示,方便你快速寻找。
  • 支持模糊搜索:输入 后,你可以通过简单的关键字,在弹出的下来菜单中简易收拢搜索范围。比如 :book to 查找📖(:open_book :) 和📗(:green_book :)

图标集合

  • 插件内置 Unicode 13.1 字符集下的表情符号,支持 Lucide 图标即样式。
  • Font Awesome 和 Remixicon 图标集合需要下载后支持。进入插件设置,选择 Icon Packs 中 Browser,可以浏览并下载对应的图标集合。
  • Custom Icons 可以轻松插入和管理自定义图标(支持格式:.bmp,.png,.jpg,.jpeg,.gif,.svg 和.webp)

Obsidian 插件:Icon Shortcodes 通过短代码方式,快速筛选和输入--图标集合

备份和恢复自定义图标

需要 v0.6.0+ 版本

自 v0.6.0 版本开始,所有自定义图标都存储在配置目录(通常是 .obsidian/icons)下的 icons 文件夹中,您可以:

  • 打开文件夹(仅限桌面版)
  • 将所有图标/选定的图标包备份到 zip 文件中(将存储在根目录下的 vault 文件夹中)
  • 从 zip 文件中恢复图标

自定义样式

为了自定义图标以更改其颜色,尺寸等,可以指制作 CSS 片段。参考下面的代码:

.isc-icon > *:first-child {
  /** changes for all icons. */
}
.isc-icon.icon-emoji-icon > *:first-child {
  /** changes for emoji icons. */
}
.isc-icon.isc-fas > *:first-child {
  /* changes for icons in the specific icon pack */
  /* (font awesome soild in this example) */
}

灵感来自 emoji-shortcodesobsidian-icon-folderobsidian-icons-pluginremark-emoji

注意:自 v0.7.0 起,为了减小捆绑包大小并加快加载速度,不再将 Font Awesome 和 RemixIcon 作为内置图标包捆绑。请前往设置选项卡下载它们。

注意:此插件可能与 obsidian-emoji-shortcodes 冲突,请在使用此插件之前禁用它。

推荐阅读

讨论

若阁下有独到的见解或新颖的想法,诚邀您在文章下方留言,与大家共同探讨。



反馈交流

其他渠道

版权声明