Post by tag
按标签聚合
包含 # callout 的文章列表
Obsidian 样式 - 如何自定义 Callout 图标
本文介绍了如何在 Obsidian 中自定义 Callout（标注）的样式，包括更改背景颜色和图标。您可以通过创建自定义 CSS 块来定义 Callout 类型的外观。
【Obsidian样式】如何自定义Callout图标.md CSS 片段可以定义自定义标注，甚至覆盖默认配置。要定义自定义标注，请创建以下 CSS 块： - 【Obsidian样式】如何自定义Callout图标.md 推荐 SVG 图标下载资源：iconfont-阿里巴巴矢量图标库 具体操作步骤如下： 1. 搜索需要图标 ICON 的提示词： - 【Obsidian样式】如何自定义Callout图标.md 2. 选择需要的图标，在弹出的悬浮面板中点击下载按钮，只后会弹出面板： - 【Obsidian样式】如何自定
熊猫别熬夜
Pkmer
Obsidian 样式 - 用 Callout 实现的边注（注释）
在 obsidian 中优雅的实现边注
使用 obsidian 自带的 callout 语法，不污染笔记，且用法非常简单。 image.png <center>主题：Obsidian Nord</center> 添加好 css 后，在正文中直接用边注的 callout 即可（如何添加 css 可以看这篇：Obsidian的CSS代码片段） 如果想要左边的边注，可以这样写 如果想要右边的边注，可以这样写 如果想要边注可折叠，可以用 callout 的折叠语法 边注基于 callout 实现，因此可以像 callout 一样使用不同的样式 本
Huajin,alan777
Pkmer
Obsidian 样式 -Minimal 主题的 Outline Callout
该片段摘自 Minimal 主题，Callout 的 Outline 形式是一种更为简洁的 Callout。
24.07.06Obsidian样式-Minimal主题的Outline Callout 该片段摘自 Minimal 主题，Callout 的 Outline 形式是一种更为简洁的 Callout。 css / 该片段摘自Minimal主题 by 熊猫别熬夜 2024-07-0612-08 / / .markdown-source-view.mod-cm6 .cm-embed-block{ width: fit-content; } / .is-live-preview.is-readable-line-width>.cm-call
熊猫别熬夜
Pkmer
Admonition 样式：彩色跑马灯框
Callout彩色跑马灯样式
为了给「名人名言」增加一个醒目又漂亮的框，我参考了网上跑马灯方框的代码，略作修改使其成为了一个跑马灯 Callout 样式。 本来想做一个简约一点的，但是水平有限没搞出来，下次再试试。  复制下方代码为 CSS 文件，放入 Obsidian 的配置文件夹中的 snippets 文件夹，再在 Obsidian 外观设置中启用即可： css / From www.lingdaima.com, modified from
ProudBenzene
Pkmer
Obsidian 样式 - 使用 Callout 进行正文旁注
Obsidian样式-使用 Callout 进行正文旁注
在编辑笔记时，有时会出现需要额外补充的内容，此时将其与正文区分开是有必要的，通常可使用旁注、脚注、行间夹注等方式来进行相关注解。 脚注直接使用 markdown 语法即可（写在行间使用「正文^内容]」，写在页尾使用「^[1]」），夹注现在一般就是直接在文中写上圆括号。对于旁注（即正文旁边的细字注释，有些地方称其与边注互为别名），目前社区中已有一个写在正文两侧空白区域的 [样式（需要注意的是，它的原理是将 callout 区块移至正文两侧，故如若不启用缩减栏宽，则无法显示出来，或是注释之内容将与正文重叠）。 借鉴 MCL Mul
清影鎏岚
Pkmer
Obsidian 样式 -tabbed Callout
Callout styling - Tabbed callout.gif 可以在安装好 css 之后直接复制粘贴查看效果，格式模仿下面这个样式即可 css / author: FireIsGood source: https://discord.com/channels/686053708261228577/702656734631821413/1092995965583114341 [data-callout="tabbed"] { outline: 1px solid var(--color-base-30)
Huajin
Pkmer
Callout
callout 是 obsidian 的特有语法，源于 markdown 的引用语法 <kbd>></kbd> 除了 obsidian，其实在很多地方你都能看到类似的样式，举几个例子 image.png <center>Electron 的 Docs</center> image.png <center>matplotlib 的 API Reference</center> 复制上面两行内容粘贴到 obsidian 中，他们会自动渲染成 callout 的样式。 分为四个部分： obsidian 共提供了 13
Huajin
Pkmer
通过 CSS 和Callout实现分栏样式 -MCL Multi Column
使用 CSS 方法和基本 callout 语法也可以实现多栏布局效果
使用 CSS 方法和基本 callout 语法也可以实现多栏布局效果 下载地址：Releases · efemkay/obsidian-modular-css-layout (github.com) 官方文档：efemkay.github.io/obsidian-modular-css-layout/multi-column/ - 基本分栏语法callout或代码块分栏效果 - 侧边批注语法侧边批注效果 - 无边框 callout 语法无边框包裹多列表效果 - 无序列表分栏语法笔记或块层面的项目符号列表分栏
Chenghuang
Pkmer
Completr 自动联想补全插件
这个插件为 LaTeX, Frontmatter，callout 提供了自动补全功能，你还可以提供文件作为联想的文字。
插件提供了 LaTex，Frontmatter，callout 的自动联想补全功能，还提供了扫描当前文件所有文字作为联想备选文字的功能。另外，你还可以自己提供放了文字的文件作为联想的数据。 - 无需以 \ 开头 - 包含所有 MathJax 命令 - 允许为所有环境补全 \begin... - 支持插入带有占位符的片段 - 学习任何键和任何值，并为其提供补全 - 加载每行为一个单词的文件 - 即使对于非常大的 列表，也具有高性能 - 扫描当前文件或整个存
Huajin
Pkmer
Obsidian 样式：Callout 样式
Obsidian 样式：Callout 样式
Obsidian 的 callout 因为可以自定义 class 所以配合 css 可以实现各种样式，属于 DIY 比较丰富的。下面举几个 callout 的改造例子，抛砖引玉。 image.png 其中图标代码名称从这里可以选择 Lucide image.png 比如左边是图片，右边是表格的左右分栏分布。
cuman
Pkmer