博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
Atom插件Markdown Preview Enhanced的字体大小修改
阅读量:4298 次
发布时间:2019-05-27

本文共 823 字,大约阅读时间需要 2 分钟。

升级了Markdown Preview Enhanced之后发现原来的styles.less中对该插件字体大小的设置失效了。

记得之前是[Ctrl]+[Shift]+i打开开发者工具,然后定位到Markdown Preview Enhanced的预览窗口并进行字体调整,再将相关修改写入到styles.less文件中。

.markdown-preview-enhanced[for="preview"] {  // background-color: #444;  font-size: 23px;}

然而升级之后这个方法行不通了,毕竟我对前端只是略微了解,折腾了半天,搞不定,也不想继续浪费时间了,所以确定直接修改该插件的css。

  1. 选择Packages->Settings View->Manage Packages->Markdown Preview Enhanced,将Preview Theme设置为github-dark.css
  2. 点击View Code,打开文件node_modules\@shd101wyy\mume\styles\preview.css
  3. .preview-container .mume[for="preview"] {...;font-size:16px;...}修改为.preview-container .mume[for="preview"] {...;font-size:23px;...},保存修改
  4. 重新触发Markdown Preview Enhanced,修改生效

注意:Preview Theme的其他主题可能需要进一步修改路径node_modules\@shd101wyy\mume\styles\preview_theme下相关主题的css。

另外: 如果哪位知道怎么通过修改styles.less来改变Markdown Preview Enhanced的字体大小,可以在下面留言,感激不尽~

转载地址:http://yhsws.baihongyu.com/

你可能感兴趣的文章
Maven:mirror和repository 区别
查看>>
微服务网关 Spring Cloud Gateway
查看>>
SpringCloud Feign的使用方式(一)
查看>>
SpringCloud Feign的使用方式(二)
查看>>
关于Vue-cli+ElementUI项目 打包时排除Vue和ElementUI
查看>>
Vue 路由懒加载根据根路由合并chunk块
查看>>
vue中 不更新视图 四种解决方法
查看>>
MySQL 查看执行计划
查看>>
OpenGL ES 3.0(四)图元、VBO、VAO
查看>>
OpenGL ES 3.0(五)纹理
查看>>
OpenGL ES 3.0(八)实现带水印的相机预览功能
查看>>
OpenGL ES 3.0(九)实现美颜相机功能
查看>>
FFmpeg 的介绍与使用
查看>>
Android 虚拟机简单介绍——ART、Dalvik、启动流程分析
查看>>
原理性地理解 Java 泛型中的 extends、super 及 Kotlin 的协变、逆变
查看>>
FFmpeg 是如何实现多态的?
查看>>
FFmpeg 源码分析 - avcodec_send_packet 和 avcodec_receive_frame
查看>>
FFmpeg 新旧版本编码 API 的区别
查看>>
RecyclerView 源码深入解析——绘制流程、缓存机制、动画等
查看>>
Android 面试题整理总结(一)Java 基础
查看>>