写callout时候，如果不写标题的话，标题处会自动生成该callout的类别。如下面的attention
但是如果加上自己的标题，自动补充的Attention就会消失，如图：
由于紧紧只靠callout标题处的icon，楼主有可能不容易想到这个callout的初衷是attention，所以能不能在标题前补充该callout的类别
有咩有什么方案，或者修改css，或者插件，可以自动补充？达到下面的效果
该图是我手动在标题前加上callout类别，但就是过于繁琐
1、easy-typing 自动转换
2、various complements 触发补全菜单
3、quickadd 快捷输入
4、css脚本（按需要自己增删，这里是两个例子）
.callout[data-callout="info"] > .callout-title > .callout-icon::after {
content: "Info"; /* 更改这里的文字内容 */
margin-left: 8px; /* 根据需要调整间距 */
}
.callout[data-callout="gpt"] > .callout-title > .callout-icon::after {
content: "GPT"; /* 更改这里的文字内容 */
margin-left: 8px; /* 根据需要调整间距 */
}
css效果如下：
个人建议用various complements或者css
非常感谢如此详细且多样的方案！ 
