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

xyz349925756 · 发表于 2024-1-25 22:33

本帖最后由 xyz349925756 于 2024-2-26 09:26 编辑

首先感谢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] 再在前面输入 > 空格之后马上渲染出对应的样式.

效果图
Screenshot 2023-12-13 at 19.02.02.png

如何将上面的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: "危险";
}

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

参考

我使用的主体是: 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
QQ截图20240126111159.png