不自重者,取辱。不自长者,取祸。不自满者,受益。不自足者,博闻。
给Mac版有道云笔记更换markdown样式 进入全屏
line

1、准备CSS代码片段

/* 自定义Markdown样式 */
html,body {
    background-color: #f9f9f9;
}
.markdown-body {
    min-width: 300px;
    max-width: 1088px;
    font-family: Menlo;
    font-size: inherit;
    line-height: 1.8;
    background: #fff;
}
.markdown-body code {
    background-color: #f7f7f7;
    color: #df5000;
    border-radius: 3px;
    border: 1px solid #eee;
    font-weight: normal;
    font-family: inherit;
}

2、找到有道云笔记md相关的css文件

位置:/Applications/YoudaoNote.app/Contents/Resources/UIResources.bundle

  • md/css/markdown-plus-626ceaa036.min.css
  • md/css/markdown-preview-da596e7b4e.min.css
  • web/style/macMdToHtml.min.css

3、修改css文件

直接编辑上面三个css文件,在最底部添加「1」中的代码片段!Done!

4、深度配置方案

  • 随便写一个md文档
  • 导出为html文件
  • 用chrome打开,在DevTools中调试页面为自己想要的配色
  • 保存新增的css片段
  • 按照前面的方式,修改各个css文件即可!

Enjoy!

趣店(原趣分期)技术学院
重点关注技术架构、服务化、优秀工具、自动化平台、开发全流程一体化解决方案、新人培养、工程师进阶之道等方面
这里环境优雅、氛围年轻、主要是福利还多,还等什么?我们敞开技术的大门,欢迎各种工程师加入!

评论区域

line