我使用的是 VS Code + Marp for VS Code (v3.1.1),在预览 files 目录下的 md 文件时,发现部分页面未按照预期功能渲染。导出为 html 或 pdf 文件后,这些页面仍然与 files 目录下提供的 html 和 pdf 文件相差较大,包括:
- 第 19 页(
toc_b):右边目录是从页面中间开始的,导致部分条目溢出
- 第 36, 37 页(
col1_ul_sq fglass, col1_ul_ci fglass):列表外框较窄
- 第 49 页(
fixedtitleA):标题栏并没有固定在顶部,页面内容仍然居中
一个可能的解决方法是在 themes/am_template.scss 文件的 section 类中加一行 display: flex;,即:
section {
font-family: var(--font-family-main);
font-size: var(--font-size-main);
color: var(--color-main);
text-align: justify;
display: flex;
}
这样可以解决以上无法正常渲染的问题,并且对该 md 文件内其他页面的渲染没有负面影响。但由于我并没有仔细研究您的 css 是怎么写的,因此无法确认这样改动是否可能会与其他样式产生潜在的冲突 >_<
另外,新版的 Marp for VS Code 插件弃用了 markdown.marp.enableHtml 选项而改用 markdown.marp.html,因此 .vscode/settings.json 文件也需要更新。
附无法正常渲染的页面截图:

我使用的是 VS Code + Marp for VS Code (v3.1.1),在预览 files 目录下的 md 文件时,发现部分页面未按照预期功能渲染。导出为 html 或 pdf 文件后,这些页面仍然与 files 目录下提供的 html 和 pdf 文件相差较大,包括:
toc_b):右边目录是从页面中间开始的,导致部分条目溢出col1_ul_sq fglass,col1_ul_ci fglass):列表外框较窄fixedtitleA):标题栏并没有固定在顶部,页面内容仍然居中一个可能的解决方法是在
themes/am_template.scss文件的section类中加一行display: flex;,即:这样可以解决以上无法正常渲染的问题,并且对该 md 文件内其他页面的渲染没有负面影响。但由于我并没有仔细研究您的 css 是怎么写的,因此无法确认这样改动是否可能会与其他样式产生潜在的冲突 >_<
另外,新版的 Marp for VS Code 插件弃用了
markdown.marp.enableHtml选项而改用markdown.marp.html,因此.vscode/settings.json文件也需要更新。附无法正常渲染的页面截图: