美文网首页
快捷地为Markdown文字添加颜色的方法

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

作者: 王振华1990 | 来源:发表于2019-07-24 22:24 被阅读0次

    虽然前两个月我已经换用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>,在其中写的文字就会显示为红色。

    相关文章

      网友评论

          本文标题:快捷地为Markdown文字添加颜色的方法

          本文链接:https://www.haomeiwen.com/subject/hzlqrctx.html