马克飞象如何自定义代码高亮风格

作者: 小雨Coding | 来源:发表于2020-04-26 23:51 被阅读0次

马克飞象如何自定义代码高亮风格
马克飞象自定义代码段风格
马克飞象「Markdown」自定义CSS渲染
欢迎使用马克飞象
TEST
无标题文章.md
Makedown
马克飞象帮助文档
马克飞象

前言

马克飞象是专门为印象笔记打造的离线markdown编辑器，但是系统默认的代码高亮风格只有两种（Dark、Light），如果我们想多种风格，该怎么做呢？

图片.png

方法

第一步：找一款自己喜欢的代码高亮风格

在这个代码高亮示例的网站（https://highlightjs.org/static/demo/）选择你喜欢的代码高亮风格

高亮风格.gif
并记住其Styles名称

第二步：在GitHub上找到相应的css文件

我们可以在这个GitHub链接上找相应css代码（https://github.com/highlightjs/highlight.js/tree/master/src/styles）

图片.png
比如这里我们选用Xcode风格的css文件，打开并复制其源码

xcodestyle.gif

第三步：开始设置

打开马克飞象，依次点击：账号->设置->样式
代码高亮设置为无，并将刚才复制的css代码拷贝到，自定义渲染css中。

mf.gif

第四步：查看效果

图片.png

更多精彩内容欢迎关注公众号：小雨编程

网友评论

本文标题：马克飞象如何自定义代码高亮风格

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

延伸阅读

深度阅读

您也可以注册成为美文阅读网的作者，发表您的原创作品、分享您的心情！

马克飞象如何自定义代码高亮风格

前言

方法

第一步：找一款自己喜欢的代码高亮风格

第二步：在GitHub上找到相应的css文件

第三步：开始设置

第四步：查看效果

相关文章

马克飞象如何自定义代码高亮风格

马克飞象自定义代码段风格

马克飞象「Markdown」自定义CSS渲染

欢迎使用马克飞象

TEST

无标题文章.md

Makedown

马克飞象帮助文档

马克飞象

网友评论

延伸阅读

深度阅读

栏目导航

热点阅读

马克飞象如何自定义代码高亮风格

前言

方法

第一步：找一款自己喜欢的代码高亮风格

第二步： 在GitHub上找到相应的css文件

第三步： 开始设置

第四步：查看效果

相关文章

网友评论

延伸阅读

深度阅读

栏目导航

热点阅读

第二步：在GitHub上找到相应的css文件

第三步：开始设置