Atom插件Markdown Preview Enhanced的字体大小修改

最新推荐文章于 2024-02-20 23:06:10 发布

SigalHu

最新推荐文章于 2024-02-20 23:06:10 发布

阅读量5.8k

点赞数 3

分类专栏： IDE 文章标签： atom

本文链接：https://blog.csdn.net/u011475134/article/details/76153020

版权

5 篇文章 0 订阅

订阅专栏

升级了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。

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

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

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

关注