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

来源:互联网 发布:sopcast软件1.28版本 编辑:程序博客网 时间:2024/06/05 20:42

升级了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的字体大小,可以在下面留言,感激不尽~

原创粉丝点击