vscode markdown preview enhanced css font

2024-05-24 04:09:01

主题CSS

C:\Users\Username\.vscode\extensions\shd101wyy.markdown-preview-enhanced-x.x.x\node_modules\@shd101wyy\mume\styles\preview_theme

推荐vs.css

推荐修改

字体 Fira Code
注释取消斜体

代码块主题CSS

C:\Users\Username\.vscode\extensions\shd101wyy.markdown-preview-enhanced-x.x.x\node_modules\@shd101wyy\mume\styles\prism_theme

推荐修改
按键 ctrl+shift+P
输入 Markdown Preview Enhanced: Customize CSS

.markdown-preview.markdown-preview {::selection{ color: #000000; background: #ffffcc; }a:link { color : #800000 }a:visited { color : #800000 }p,td,th,li { font-family : Noto Emoji, Noto Sans, Noto Sans SC, Noto Sans TC; }h1,h2,h3,h4,h5,h6 { font-family : Noto Emoji, Noto Sans, Noto Sans SC, Noto Sans TC; }pre,code,kbd { font-family : Noto Emoji, Noto Sans Mono, Noto Sans SC, Noto Sans TC; }kbd { display: inline-block; box-shadow: 1px 1px 1px 1px #808080; }table,th,td {border: 2px solid black;border-collapse: collapse;padding: 2px 2px;}blockquote {margin-top: 0px; margin-bottom: 0px; margin-left: 0px;padding-left: 9px; padding-top: 3px; padding-right: 3px; padding-bottom: 3px;border-left: 9px solid #808080;background-color: #f7f7f7;}.katex {font-size: 1.0em;text-indent: 0;text-rendering: auto;}}

请先安装以下字体:
Fira Math, Fira Sans, Fira Code, Microsoft YaHei

KaTex字体

C:\Users\Username\.vscode\extensions\shd101wyy.markdown-preview-enhanced-x.x.x\node_modules\@shd101wyy\mume\dependencies\katex\fonts

看惯了Computer Modern, 可以试试比较清秀的Times风格字体.

MathJax-master\es5\output\chtml\fonts\woff-v2令人失望, 仍然是Computer Modern.

可以试试看 C:\Users\Username\anaconda3\pkgs\notebook-...\site-packages\notebook\static\components\MathJax\fonts\HTML-CSS\STIX-Web\woff, 指路 bilibili.com/read/cv9868646
个人感觉效果不好.

LaTex资源

无版权MathTimePro2
static.latexstudio.net/wp-content/uploads/2013/02/MathTimePro2-fonts.zip

vscode markdown preview enhanced css font相关推荐

VSCode+Markdown Preview Enhanced插件导出HTML侧边栏目录
文章目录目录侧边栏展示目录侧边栏展示目前使用VSCode+Markdown Preview Enhanced插件,可以做到目录在侧边栏展示首先打开VSCode的Extensions,找到Mar ...
Markdown Preview Enhanced 打印PDF。解决打印成PDF/HTML时，CSS样式无法显示的问题
Markdown Preview Enhanced 插件默认设置成打印github样式的,坑爹啊解决: 打开 settings.json ,加入这一段代码 "markdown-previe ...
写markdown用vscode的插件Markdown Preview Enhanced
安装markdown插件 vscode默认是支持markdown的,只需要装一个预览插件神器:Markdown Preview Enhanced. 除了常规的功能外,特别要提出的是两个功能: (1 ...
vscode markdown preview enhance 插件 pdf 导出
vscode markdown 导出为 pdf 方法探究 vscode markdown 导出为 pdf 方法探究前言 Open in Browser 导出 Chrome(Puppeteer)导出 ...
异常强大的Markdown编辑插件-Markdown Preview Enhanced
最近使用Markdown写作,了解到以下这些Markdown写作工具 MaHua 在线markdown编辑器百度搜索Markdown时,它排在非常靠前的位置马克飞象- 专为印象笔记打造的Markd ...
Markdown Preview Enhanced 开启toc技巧
Markdown Preview Enhanced 在md文档中加入以下内容, 然后在设置中开启允许script
VScode 插件 Markdown Preview Enhanced 给标题下划线
一.打开 style.less 文件搜索框搜索(快捷键ctrl+shift+f) Customize CSS,打开 style.less 文件二.修改 style 代码加入这段代码 h1 {bo ...
vscode+markdown+mpe+markdown pdf写markdown文档并生成pdf的解决方案和配置方法
本文将介绍使用vscode的插件markdown all in one +markdown preview enhanced(MPE)+ markdown pdf来配置markdown写作环境的过程 ...
VScode+MarkDown导出PDF图片显示问题
问题 Windows10下使用VScode写MarkDown,但是在使用本地图片时在预览窗口可以完整显示图片,但是在用MarkDown-PDF插件导出PDF后,发现图片没有显示,以下是我导入图片时使用 ...
vscode markdown背景设置（深色模式/亮模式切换）
简单三步走: Step 1 搜索并安装插件Markdown Preview Enhanced. Step 2 点击vscode左下角的设置图标,打开vscode设置,在搜索框输入:markdown p ...

最新文章

热门文章