0%

工具/Typora设置字体颜色大小等属性

Typora设置字体颜色大小等属性

由于Typora或者说markdown中没有直接的语法支持文字的颜色,大小,字体等属性的设置,就需要“曲线救国”,因为Typora支持内嵌html的语法,

1
<span style='color:文字颜色;background:背景颜色;font-size:文字大小;font-family:字体;'>文字</span>

主要使用以上命令,效果如下

使用时将“文字”替换为需要修改属性的文本即可

文字

修改文字颜色为 red,效果如下

1
<span style='color:red;background:背景颜色;font-size:文字大小;font-family:字体;'>文字</span>

文字

修改背景颜色为 blue,效果如下

1
<span style='color:red;background:blue;font-size:文字大小;font-family:字体;'>文字</span>

文字

修改字体大小,注意不直接使用数字,格式如下(sizepx,如:20px):

1
<span style='color:red;background:blue;font-size:30px;font-family:字体;'>文字</span>

文字

修改文字字体为 微软雅黑,效果如下

1
<span style='color:red;background:blue;font-size:30px;font-family:微软雅黑;'>文字</span>

文字

Typora设置文字属性

使用Snippets加速修改Typora中文字属性

Typora设置文字颜色/大小/字体属性一文中提到了如何修改Typora中文字的属性,主要是使用以下html代码

1
<span style='color:文字颜色;background:背景颜色;font-size:文字大小;font-family:字体;'>文字</span>

但是如果每次修改都需要拷贝这样一段代码未免过于麻烦,因此利用Snippets来简化修改流程

使用工具 Alfred 4

当然任何支持Snippets的软件均可(例如 Text Expander),由于Alfred 4 用的太过顺手,那么话不多说,下面开始介绍

  1. 首先打开Alfred 4 的偏好设置Features -> Snippets
  2. 点击添加一条记录

IMG_4203

  1. 添加内容如下

Typora文字设置Snippets片段

Name可以任意设置,keyword设置为自定义的快捷键即可,其余的均为默认

Snippets文本如下:

1
<span style='color:{cursor};background:背景颜色;font-size:文字大小;'>{clipboard:0}</span>

为了方便起见,这里直接将剪贴板中最新的记录当作文本,即{clipboard:0},所以使用时直接⌘+X即可,如果不希望如此使用的,将{clipboard:0}删除即可,之后在指定位置添加文本

其中{cursor}是保证插入后即可直接设置颜色,不需要重复移动光标

添加后点击保存即可

下面是使用示例

demo

!!!操作速度肉眼可见的提高(Alfred 果真效率神器🐶)

强调

最后在此强调一下使用流程(假设已经)

使用⌘+X拷贝至剪贴板,而后使用快捷键打开alfred

使用之前设置的keyword 即可完成输入(当然也可以修改为输入keyword直接扩展为上述html代码