美文网首页工具癖程序员千钻公会
为简书Markdown文字添加颜色

为简书Markdown文字添加颜色

作者: zhaoolee | 来源:发表于2018-12-20 08:26 被阅读16次

    简书的markdown非常好用, \color{#f17c67}{为了追求极致的简洁}, 简书Markdown编辑器默认使用黑色的文字, 然而, 世界本就是\color{#4285f4}{丰}\color{#ea4335}{富}\color{#fbbc05}{多}\color{#34a853}{彩}的, 为文字上色也是一项必不可少的技能(此技能在简书手机app观看, 中文字符可能无法显示)~

    PC版预览1
    PC版预览2

    给文字加颜色

    • 添加红色

    效果: \color{red}{red}
    写法: $\color{red}{red}$

    • 添加绿色

    效果: \color{green}{green}
    写法: $\color{green}{green}$

    • 添加蓝色

    效果: \color{blue}{blue}
    写法: $\color{blue}{blue}$

    • 添加清漾青(支持更丰富的16进制颜色)

    效果: \color{#376956}{cyan-blue}
    写法: $\color{#376956}{cyan-blue}$

    为句子中的字加颜色

    • 为句子内的中文字符加颜色

    效果: \color{#4285f4}{更}\color{#ea4335}{丰}\color{#fbbc05}{富}\color{#4285f4}{的}\color{#34a853}{颜}\color{#ea4335}{色}
    写法: $\color{#4285f4}{更}\color{#ea4335}{丰}\color{#fbbc05}{富}\color{#4285f4}{的}\color{#34a853}{颜}\color{#ea4335}{色}$

    • 为句子内的英文字符加颜色, 字符会变为衬线体加斜体 haha...

    效果: \color{#4285f4}{G}\color{#ea4335}{o}\color{#fbbc05}{o}\color{#4285f4}{g}\color{#34a853}{l}\color{#ea4335}{e}
    写法: $\color{#4285f4}{G}\color{#ea4335}{o}\color{#fbbc05}{o}\color{#4285f4}{g}\color{#34a853}{l}\color{#ea4335}{e}$

    小结:

    事实上,打开浏览器开发者工具, 我们会发现 为上面的文字添加颜色, 并不是用网页中css属性控制的, 而是简书Markdown编辑器把字符转换成了图片, 所以这种改变颜色的写法并不能套用到font-size等其它css属性上, 改变图片颜色的方法, 就当是简书markdown编辑器的一个小彩蛋吧~

    相关文章

      网友评论

        本文标题:为简书Markdown文字添加颜色

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