Markdown编辑器 -- 马克飞象自定义代码段风格

马克飞象是一个离线Markdown编辑器,我是重度用户,但是其中代码风格黑底红绿字,与整个白底淡雅风格严重冲突。

因此我问题作者,他说可以用自定义风格,但是在帮助中写得很简单

如何自定义代码高亮样式?

  1. 打开设置,切换到样式标签;
  2. 代码高亮设置为
  3. 从 highlight.js GitHub 源码 中选择合适的 CSS,打开后将内容复制到自定义渲染CSS中。可以先查看 样式示例,选择喜欢的样式
这个写个很简单,因此我写一个简便使用教程。

1.找一个自己喜欢的代码高度风格:

      https://highlightjs.org/static/test.html
 这是所有92样例的演示,点击某个style,即可显示各种语言的显示效果。
其中default就是比适合我的要求,还有Docco也是比较合适淡雅风格的
Markdown编辑器 -- 马克飞象自定义代码段风格_第1张图片


2.找到这一款风格的css定义风格。

这里我就选default风格
https://github.com/isagalaev/highlight.js/tree/master/src/styles
Markdown编辑器 -- 马克飞象自定义代码段风格_第2张图片

3.点击文件进入相应的css风格

 比如default就是 https://github.com/isagalaev/highlight.js/blob/master/src/styles/default.css


把css内容拷贝下来

Markdown编辑器 -- 马克飞象自定义代码段风格_第3张图片


4.在马克飞象的设置 -->样式-->自定义渲染css 拷入css内容,并把代码高度选成(无)

Markdown编辑器 -- 马克飞象自定义代码段风格_第4张图片


5.打开一个快速帮助即可看到效果


Markdown编辑器 -- 马克飞象自定义代码段风格_第5张图片


6.日常使用

  只需在代码前 ``` <语言名称>      ,后面加入```  中间即是自动变成代码

如java

 ``` java


```

以下链接注册印象笔记,你和我都能赚5分印象分,这样分够可以升级高级帐号

https://app.yinxiang.com/referral/Registration.action?uid=436771&sig=c8049c851d63432b15e096b5fb449dfb


你可能感兴趣的:(工程师的自我修养)