掘金社区文章编辑器代码高亮样式推荐

EvenZhu
431 阅读1分钟

背景

我在掘金写文章的时候发现，Markdown编辑器可以进行代码高亮样式切换，使用之后觉得有几个比较顺眼的样式，现在推荐给大家。

image.png

这次推荐超级用心，有图真香。

推荐策略

纯个人主义，我觉得顺眼都会列出来，不评分。

其他未列出的代码高亮样式，不是不优秀，只是我个人不喜欢而已。

后面我也会自主开发代码高亮样式，多多学习，多多尝试。

代码高亮样式预览图

drak类型

a11y-dark

image.png

an-old-hope

image.png

androidstudio

image.png

atelier-plateau-dark

image.png

atom-one-dark

image.png

darcula

image.png

dracula

image.png

gruvbox-dark

image.png

hopscotch

image.png

hybrid

image.png

lioshi

image.png

monokai-sublime

image.png

monokai

image.png

night-owl

image.png

nord

image.png

obsidian

image.png

ocean

image.png

paraiso-dark

image.png

pojoaque

image.png

shades-of-purple

image.png

srcery

image.png

sunburst

image.png

railscasts

image.png

tomorrow-night-bright

image.png

tomorrow-night

image.png

vs2015

image.png

zenburn

image.png

light类型

a11y-light

image.png

atelier-dune-light

image.png

atom-one-light

image.png

color-brewer

image.png

docco

image.png

foundation

image.png

github-gist

image.png

gruvbox-light

image.png

kimbie.light

image.png

magula

image.png

mono-blue

image.png

paraiso-light

image.png

tomorrow

image.png

solarized-light

image.png

xcode

image.png

备注

  • 代码高亮样式在切换的过程中会产生影响，具体样式以实际展示效果为准；
  • 其他高亮样式未推荐的原因：
    • 过于单调；
    • 过于艳丽；
    • 颜色刺眼；
    • 颜色低沉；
    • 颜色显脏；
    • 颜色过浅看不清；
    • 代码颜色差异小；
    • 增加背景显得杂乱；
    • 给人的观感很违和；
  • 以上推荐纯属个人喜好，不喜可轻喷。

PS：如果有需要补充的内容，请在评论区留言

转载时请注明“来自掘金 - EvenZhu”
avatar
文章
阅读
粉丝