右对齐作者的引用样式

右对齐作者的引用样式

效果预览:

右对齐作者的引用样式--

应用规则:

  1. 任何 Callout 样式都支持,只要在原类型边上加上 |cite 就可以 (例如原本是 [!note] 就写成 [!note|cite]
  2. 代表作者的行和前面的内容中间要分开一个空行,这样才能区分出来

书写示例:

> [!quote|cite] 正所谓
> 一句名人名言
> 
> 谁说的

使用的 css 样式:


/* 引用(最后一行)靠右 */
.callout[data-callout-metadata*="cite"]>.callout-content>p:last-of-type {
    margin-right: 30px;
    text-align: right;
}

/* 并添加引用符号前缀 */
.callout[data-callout-metadata*="cite"]>.callout-content>p:last-of-type::before {
    content: "― ";
}

放进 Css Snippets 并应用即可。

讨论

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



反馈交流

其他渠道

版权声明