尧图网站设计 尧图网站设计YAOTU DESIGN
ARTICLE DETAIL

资讯详情

深耕网站设计与一线实操的经验洞察。

Obsidian Admonition 图标管理教程:3 步换图标 5 分钟上手

Obsidian Admonition 图标管理教程:3 步换图标 5 分钟上手 Obsidian Admonition 图标管理教程3 步换图标 5 分钟上手【免费下载链接】obsidian-admonitionAdds admonition block-styled content to Obsidian.md项目地址: https://gitcode.com/gh_mirrors/ad/obsidian-admonition写长笔记时纯文字提示很容易被扫过去。obsidian-admonition 插件把提示、警告、成功这类内容变成带图标和配色的色块换个图标、换个颜色区块一眼就能区分开。上手先看两种写法都支持装好插件后你在编辑器里敲 [!tip]就能得到一条 Obsidian 原生 callout自动配上默认图标和蓝色底。想要更多控制就改用代码块写法title: 小提示 这里写正文内容上面这段会渲染成带标题栏的提示块标题支持 Markdown。12 种内置类型note、tip、warning、success……开箱即用效果总览如下内置图标怎么挑图标其实有三路来源选一路即可。Font Awesome 图标插件内置了 Font Awesome 三套包实心fas、常规far、品牌fab。你只需要在选图标时输入名称比如star、skull它会自动匹配到对应包并渲染成 SVG。Obsidian 原生图标Obsidian 自带的一批 lucide 风格图标无需下载直接可用。内置类型如 note、info 的默认图标就来自这里名称可从系统图标列表里查。RPG 风格图标跑团、写小说的笔记配个三叉戟或符文更带感。RPG Awesome 包里的图标名字偏游戏向装包后输入triforce这类名称就能选中。图标包的下载与移除图标包按需下载不占就删管理入口都在设置页的 Icon Packs 区域。三步下载法第一步打开插件设置找到 Icon Packs第二步点对应包如 Font Awesome Solid的下载按钮图标 JSON 会存到插件目录第三步回到选图输入框新图标立即可搜。下载成功后会弹 Notice 提示。移除包并刷新列表删包就是反着来在列表里点移除本地 JSON 被清掉可用图标列表同步刷新。已用到该包图标的块会回退到默认图标不用额外处理。单个区块换图标icon 参数语法代码块写法里把参数写在块顶部即可临时换图标icon: skull 这一块的图标被单独换掉参数名必须精确匹配某个已启用包里的图标名写错就不显示。直接用图片当图标不想用 SVG在自定义类型的设置里可以直接上传 PNG 作图标。注意它只在代码块写法里生效原生 callout 不认想两边统一就用 CSS 片段设--callout-icon。实操演示输入到渲染以一条可折叠的警告块为例输入如下title: 部署前检查 collapse: open icon: bell 内容会随点击折叠渲染后是一条橙色警告块铃铛图标、自定义标题、点击标题即可收拢。想换配色把color: 200, 200, 200加到顶部就行。如果你有现成配置还能从 JSON 文件导入自定义类型图标字段同样指定包名和名称。进阶与资源图标下载、解析、渲染的完整逻辑在 src/icons/manager.ts想看参数全表就翻 docs/options.md。装好之后从一条 [!tip]开始试起图标包想下哪个下哪个。git clone https://gitcode.com/gh_mirrors/ad/obsidian-admonition按文档说明安装即可上手。【免费下载链接】obsidian-admonitionAdds admonition block-styled content to Obsidian.md项目地址: https://gitcode.com/gh_mirrors/ad/obsidian-admonition创作声明:本文部分内容由AI辅助生成(AIGC),仅供参考
返回列表