快捷地为Markdown文字添加颜色的方法

2019-07-24  本文已影响0人  王振华1990

虽然前两个月我已经换用Sublime编辑器写代码了,但写Markdown文档时,我还是会用回Atom编辑器。
一是Atom在编辑Markdown时整个编辑界面让人更舒适,二是预览Markdown更方便,只需要 ctrl + shift + M 即可预览。

但使用Markdown的过程中我一直有个疑问,或者说痛点,就是原生的Markdown为啥不支持给文字加颜色呢?比如我想把重要的地方标注出来,下次再回顾的时候能一眼看到重点。如果只用Markdown的加粗,还是觉得不够明显。

今天Google了以下,才知道Markdown中是支持插入原生的HTML代码的。比如:

<font color=red>想变成红色的内容</font>
<font color=blue>想变成蓝色的内容</font>

但这样太麻烦了,每次我想给某几个字改个颜色都要输入<font color=red></font> 这么长的代码吗?作为一个懒蛋(不,程序员),我们应该想到更简便的方法。

可以使用Atom编辑器的 snippets 功能,也就敲几个字母,就可以得到一大段代码。

在 Atom 中command + shift + P 呼出 Command Palette ,然后输入 Open Your Snippets,即可打开 snippets.cson 文件。在文件中加入以下代码:

'.text.md':
  'blue-font-in-markdown':
    'prefix': '<fb'
    'body': '<font color=blue>$1</font>'
  
  'red-font-in-markdown':
    'prefix': '<fr'
    'body': '<font color=red>$1</font>'

创建一个Markdown文件,输入<fb,然后按 tab 键,即可得到 <font color=blue></font>,在其中写的文字就会显示为蓝色;输入<fr,然后按tab键,即可得到 <font color=red></font>,在其中写的文字就会显示为红色。

上一篇 下一篇

猜你喜欢

热点阅读