为简书Markdown文字增加颜色

简书的markdown非常好用, , 简书Markdown编辑器默认使用黑色的文字, 然而, 世界本就是的, 为文字上色也是一项必不可少的技能(此技能在简书手机app观看, 中文字符可能无法显示)~

PC版预览1
PC版预览2

给文字加颜色

• 增加红色

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

• 增加绿色

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

• 增加蓝色

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

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

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

为句子中的字加颜色

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

效果:
写法: $\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}$

小结:

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

上一篇 目录 已是最后