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> |
文字
使用Snippets加速修改Typora中文字属性
Typora设置文字颜色/大小/字体属性一文中提到了如何修改Typora中文字的属性,主要是使用以下html代码
1 | <span style='color:文字颜色;background:背景颜色;font-size:文字大小;font-family:字体;'>文字</span> |
但是如果每次修改都需要拷贝这样一段代码未免过于麻烦,因此利用Snippets来简化修改流程
使用工具 Alfred 4
当然任何支持Snippets
的软件均可(例如 Text Expander),由于Alfred 4
用的太过顺手,那么话不多说,下面开始介绍
- 首先打开Alfred 4 的偏好设置
Features -> Snippets
- 点击添加一条记录
- 添加内容如下
Name可以任意设置,keyword设置为自定义的快捷键即可,其余的均为默认
Snippets文本如下:
1 | <span style='color:{cursor};background:背景颜色;font-size:文字大小;'>{clipboard:0}</span> |
为了方便起见,这里直接将剪贴板中最新的记录当作文本,即{clipboard:0},所以使用时直接⌘+X即可,如果不希望如此使用的,将{clipboard:0}删除即可,之后在指定位置添加文本
其中{cursor}
是保证插入后即可直接设置颜色,不需要重复移动光标
添加后点击保存即可
下面是使用示例
!!!操作速度肉眼可见的提高(Alfred 果真效率神器🐶)
强调
最后在此强调一下使用流程(假设已经)
使用⌘+X拷贝至剪贴板,而后使用快捷键打开alfred
使用之前设置的keyword 即可完成输入(当然也可以修改为输入keyword直接扩展为上述html代码