[Obs#90] Callouts扩充:CalloutTypesetting CSS Snippet

..

1. 安装

  1. GitHub点击【Copy raw content】图示,将内容存入储存库资料夹/.obsidian/snippets/CalloutTypesetting.css档案。
  2. 设定→外观→重新加载CSS Snippets

2. 设定

使用Style Settings外挂设定。

3. 语法

[!TIP] 语法

 > [!Callout类型 | Typesetting]:在标准的Callout中括号里用Pipe (|)符号增加扩充的CSS类别,可用空白分隔多个扩充类别 

4. 使用范例

4.1. ltr 横排由左到右

[!REF | ltr]+ 《错误》 郑愁予
我打江南走过
那等在季节里的容颜如莲花般开落

东风不来,三月的柳絮不飞
你的心如小小的寂寞的城
恰若青石的街道向晚
跫音不响,三月的春帷不揭
你底心是小小的窗扉紧掩

我达达的马蹄是美丽的错误
我不是归人,是个过客…

01|700

4.2. rtl 横排右靠对齐

[!REF | rtl]+ 《错误》 郑愁予
我打江南走过
那等在季节里的容颜如莲花般开落

东风不来,三月的柳絮不飞
你的心如小小的寂寞的城
恰若青石的街道向晚
跫音不响,三月的春帷不揭
你底心是小小的窗扉紧掩

我达达的马蹄是美丽的错误
我不是归人,是个过客…

01|700

4.3. vertical-lr 竖排由左到右

[!REF|vertical-lr]+ 《错误》 郑愁予
我打江南走过
那等在季节里的容颜如莲花般开落

东风不来,三月的柳絮不飞
你的心如小小的寂寞的城
恰若青石的街道向晚
跫音不响,三月的春帷不揭
你底心是小小的窗扉紧掩

我达达的马蹄是美丽的错误
我不是归人,是个过客…

01|700

4.4. vertical-rl 竖排由右到左

[!REF|vertical-rl]+ 《错误》 郑愁予
我打江南走过
那等在季节里的容颜如莲花般开落

东风不来,三月的柳絮不飞
你的心如小小的寂寞的城
恰若青石的街道向晚
跫音不响,三月的春帷不揭
你底心是小小的窗扉紧掩

我达达的马蹄是美丽的错误
我不是归人,是个过客…

01|700

4.5. vertical-rl + wide 竖排由右到左+宽版

[!REF|vertical-rl wide]+ 《错误》 郑愁予
我打江南走过
那等在季节里的容颜如莲花般开落

东风不来,三月的柳絮不飞
你的心如小小的寂寞的城
恰若青石的街道向晚
跫音不响,三月的春帷不揭
你底心是小小的窗扉紧掩

我达达的马蹄是美丽的错误
我不是归人,是个过客…

01|700

4.6. vertic`al-rl+keep-height 竖排由右到左+区块高度固定

[!REF | vertical-rl keep-height]- 《错误》 郑愁予
我打江南走过
那等在季节里的容颜如莲花般开落

东风不来,三月的柳絮不飞
你的心如小小的寂寞的城
恰若青石的街道向晚
跫音不响,三月的春帷不揭
你底心是小小的窗扉紧掩

我达达的马蹄是美丽的错误
我不是归人,是个过客…

01|700

4.7. vertical-lr + upright

[!REF | vertical-lr upright] Poem
When I was one-and-twenty
I heard a wise man say,
「Give crowns and pounds and guineas
But not your heart away;
Give pearls away and rubies
But keep your fancy free.」
But I was one-and-twenty,
No use to talk to me.

When I was one-and-twenty
I heard him say again,
「The heart out of the bosom
Was never given in vain;
’Tis paid with sighs a plenty
And sold for endless rue.」
And I am two-and-twenty,
And oh, ’tis true, ’tis true.
我打江南走过
那等在季节里的容颜如莲花般开落

东风不来,三月的柳絮不飞
你的心如小小的寂寞的城
恰若青石的街道向晚
跫音不响,三月的春帷不揭
你底心是小小的窗扉紧掩

我达达的马蹄是美丽的错误
我不是归人,是个过客…

01|700

4.8. vertical-lr + sideways

  • sideways: 文字转90度

[!REF | vertical-lr sideways] Poem
When I was one-and-twenty
I heard a wise man say,
「Give crowns and pounds and guineas
But not your heart away;
Give pearls away and rubies
But keep your fancy free.」
But I was one-and-twenty,
No use to talk to me.

When I was one-and-twenty
I heard him say again,
「The heart out of the bosom
Was never given in vain;
’Tis paid with sighs a plenty
And sold for endless rue.」
And I am two-and-twenty,
And oh, ’tis true, ’tis true.

我打江南走过
那等在季节里的容颜如莲花般开落

东风不来,三月的柳絮不飞
你的心如小小的寂寞的城
恰若青石的街道向晚
跫音不响,三月的春帷不揭
你底心是小小的窗扉紧掩

我达达的马蹄是美丽的错误
我不是归人,是个过客…

01|700

4.9. vertical-rl + l-align 竖排+左靠

  • l-align与r-align只对竖排有效

[!REF | vertical-rl l-align]- 《错误》 郑愁予
我打江南走过
那等在季节里的容颜如莲花般开落

东风不来,三月的柳絮不飞
你的心如小小的寂寞的城
恰若青石的街道向晚
跫音不响,三月的春帷不揭
你底心是小小的窗扉紧掩

我达达的马蹄是美丽的错误
我不是归人,是个过客…

01|700

4.10. vertical-rl + r-align 竖排+右靠

  • 阅读模式才能看到右靠效果

[!REF | vertical-rl r-align]- 《错误》 郑愁予
我打江南走过
那等在季节里的容颜如莲花般开落

东风不来,三月的柳絮不飞
你的心如小小的寂寞的城
恰若青石的街道向晚
跫音不响,三月的春帷不揭
你底心是小小的窗扉紧掩

我达达的马蹄是美丽的错误
我不是归人,是个过客…

[!REF | vertical-rl r-align]- Poem: 《海燕》 高尔基

在苍茫的大海上……在高傲地飞翔
在苍茫的大海上……在高傲地飞翔
在苍茫的大海上,狂风卷集着乌云。在乌云和大海之间,海燕像黑色的闪电,在高傲地飞翔。
一会儿翅膀碰着波浪,一会儿箭一般地直冲向乌云,它叫喊着,──就在这鸟儿勇敢的叫喊声里,乌云听出了欢乐。
在这叫喊声里──充满着对暴风雨的渴望!在这叫喊声里,乌云听出了愤怒的力量、热情的火焰和胜利的信心。
海鸥在暴风雨来临之前呻吟着,──呻吟着,它们在大海上飞窜,想把自己对暴风雨的恐惧,掩藏到大海深处。
海鸭也在呻吟着,──它们这些海鸭啊,享受不了生活的战斗的欢乐:轰隆隆的雷声就把它们吓坏了。
蠢笨的企鹅,胆怯地把肥胖的身体躲藏到悬崖底下……只有那高傲的海燕,勇敢地,自由自在地,在泛起白沫的大海上飞翔!
乌云越来越暗,越来越低,向海面直压下来,而波浪一边歌唱,一边冲向高空,去迎接那雷声。
雷声轰响。波浪在愤怒的飞沫中呼叫,跟狂风争鸣。看吧,狂风紧紧抱起一层层巨浪,恶狠狠地把它们甩到悬崖上,把这些大块的翡翠摔成尘雾和碎末。
海燕叫喊着,飞翔着,像黑色的闪电,箭一般地穿过乌云,翅膀掠起波浪的飞沫。
看吧,它飞舞着,像个精灵,──高傲的、黑色的暴风雨的精灵,——它在大笑,它又在号叫……它笑那些乌云,它因为欢乐而号叫!
这个敏感的精灵,——它从雷声的震怒里,早就听出了困乏,它深信,乌云遮不住太阳,──是的,遮不住的!
狂风吼叫……雷声轰响……
一堆堆乌云,像青色的火焰,在无底的大海上燃烧。大海抓住闪电的箭光,把它们熄灭在自己的深渊里。这些闪电的影子,活像一条条火蛇,在大海里蜿蜒游动,一晃就消失了。
——暴风雨!暴风雨就要来啦!
这是勇敢的海燕,在怒吼的大海上,在闪电中间,高傲地飞翔;这是胜利的预言家在叫喊:

01|700

01|700

5. 相关链接

6. 教学影片

##


想在手机阅读更多css资讯?下载【香港硅谷】Android应用
分享到Facebook
技术平台: Nasthon Systems