美文网首页
手动修改有道云mac版markdown配色方案

手动修改有道云mac版markdown配色方案

作者: 阿敏其人 | 来源:发表于2018-10-06 11:59 被阅读325次

    本文出自“阿敏其人”简书博客,转载请取得本人同意。


    我们先来看一句代码:

    在jQuery中,用attr()方法来`获取`和`设置` `元素属性`。
    

    这行代码,放在简书上,是这样的:


    image.png

    放在为知上是这样的:


    image.png

    但是,放在有道云mac版上,却是这样的:


    image.png

    简而言之,通过两个`标记的内容,在大多数地方是会被高亮显示的,而在有道云mac版这里,是不会高亮的。
    比如我们上面例子中的 “获取”、“属性” 和“元素设置”这几个词。

    在有道云中,需要你要高亮,需要通过两个== 来标记。

    我们这里说的,不是谁好谁不好的问题。只是习不习惯的问题。

    可惜,对比语法标记,有道云没提供配置选项,希望在后续的版本中能添加。

    手动修改 有道云配色

    step1:

    finder——应用程序——有道云笔记——右键“显示包内容”

    step2:

    搜索“md”
    得到md文件夹,进入md文件夹,大概得到如下目录:


    image.png

    step3:

    -perview.js、-index.js和diff.js 这3个文件夹就是我们需要手动修改的文件。

    先把有道云笔记导出为html,在浏览器中通过开发者模式查看我们要修改的内容的css配色方案。

    我们现在把`的标记内容的从原来默认黑色改成红色。
    我们发现在官方的配色中,`标记对应的背景色是 rgba(27,31,35,0.05);,并且没有通过color标记字体颜色。

    那么我们打开上述的3个js文件,分别color配色语句加上就可以了。

    image.png

    ps:操作的时候最好先在原有的js文件做一个备份。以防操作失误。

    至此,修改完成。

    修改效果:

    image.png

    在有道云通过` 标记的内容,终于变成我们想要的样子了。

    备注:我们对3个文件同统一进行了修改,也可能不需要3个文件都修改,暂没做验证。

    举一反三,想修改什么,请自由发挥吧。

    结语:

    我是有道云的年费用户,有道云是难得的跨平台笔记中mac版对markdown支持得比较好的软件。

    但是有道云的markdown配色和markdown换行之类规则和常见常用markdown的规则相距较大,希望后续版本可以在设置项中提供相应的选择,这是使用markdown语法的用户喜闻乐见的事情。

    本文完。

    相关文章

      网友评论

          本文标题:手动修改有道云mac版markdown配色方案

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