为简书Markdown文字添加颜色
2018-12-20 本文已影响16人
zhaoolee
简书的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编辑器的一个小彩蛋吧~
