关于typora 1.8.6版本blockquote多样式修改参考

1次阅读
没有评论

首先感谢typora 作者加入了blockquote的支持.
需求前因:https://github.com/orgs/community/discussions/16925

按照官网指导

[!NOTE]
Highlights information that users should take into account, even when skimming.

[!TIP]
Optional information to help a user be more successful.

[!IMPORTANT]
Crucial information necessary for users to succeed.

[!WARNING]
Critical content demanding immediate user attention due to potential risks.

[!CAUTION]
Negative potential consequences of an action.

输入上面对应的标签即可:
提示这里输入有个技巧.先输入[!Tip] 再在前面输入 > 空格之后马上渲染出对应的样式.

效果图

如何将上面的Note 改成中文?这里可以通过修改css样式完成,在任何theme文件中加入下面的css样式即可

[CSS] 纯文本查看 复制代码

.md-alert-text-note .md-alert-text-container:after {
content: "笔记";
}
.md-alert-text-tip .md-alert-text-container:after {
content: "提示";
}
.md-alert-text-important .md-alert-text-container:after {
content: "重要";
}
.md-alert-text-warning .md-alert-text-container:after {
content: "警告";
}
.md-alert-text-caution .md-alert-text-container:after {
content: "危险";
}

上面的中文可以自定义.效果如图:

参考

我使用的主体是: https://github.com/liangjingkanji/DrakeTyporaTheme 这位大哥的.
当然还可以使用: https://github.com/obgnail/typora_plugin 这位大神的hook 插件.

完成了上面的操作只是typora中显示,要想导出html,pdf 还得修改源文件.
这里整理出文档了.参考下面的百度网盘.主题使用自带的github.
链接:https://pan.baidu.com/s/158BqxMYrR0Vxv0F1ECMQHA?pwd=52pj
提取码:52pj

这就是导出文件显示的内容. 涉及到的css样式全在md文件中了.

[更新到1.8.10版本]
还是上面云盘地址里面分享了我自己用的主题.

云盘文件放置说明

ps: 我使用的设置

喜欢自定义的可以去下载更多主题修改.

正文完
 0
116博客
版权声明:本篇文章由 116博客 于2024-11-28发表,共计1240字。
转载说明:除特殊说明外本站文章皆由CC-4.0协议发布,转载请注明出处。
评论(没有评论)
验证码