1、安装插件  Markdown All in One

2、下载并安装 prince:Prince - Latest builds

Deepin 20.9 对应 debian 10,下载 debian 10 的deb包安装即可 (安装后命令在 /usr/bin 下)

Deepin 25.0 无法使用 debian13 对应的 Prince16,应下载旧版本 debian12 对应的  prince15.4

3、安装插件  Markdown Preview Enhanced,Deepin 20.9下需要修改此插件配置,不然用prince输出pdf时中文乱码(Windows 10下无此问题,windows 10下使用正式安装版而非latest版):

参考 markdown从VSCode中导出为PDF时字体格式问题_md文档导出pdf后公式字体变了-CSDN博客

按 Ctrl+Shift+P,找到 MPE:自定义样式(全局)(英文界面就搜CSS,跳出来Markdown Preview Enhanced: Customize CSS (Global)),在配置文件 /home/sjg/.config/crossnote/style.less 中添加信息 ,也就是加入 font-family 定义 (后一半是页码格式定制)

.markdown-preview.markdown-preview {
  // modify your style here
  // eg: background-color: blue;
  font-family: Microsoft YaHei;

  &.prince {

    // add page no.
    @page {
      @bottom {
        font-family: Microsoft YaHei;
        content: counter(page) " / " counter(pages)
      }
    }
  }
}

目前上述配置使用OK

----------------------------------------------------------------------------------------------------

4、用来写程序相关文档,可能遭遇一行太长显示滚动条,prince打印成pdf溢出部分不显示的问题。参考 https://github.com/shd101wyy/vscode-markdown-preview-enhanced/issues/1654   其中 Chrstn-n 的方案对我可行。即 Ctrl+Shift+P,打开 Markdown Preview Enhancement: Customize CSS (global)  改成:

.markdown-preview.markdown-preview {

  // modify your style here
  // eg: background-color: blue;

  // 自动换行:预览用
  pre,
  code {
    white-space: pre-wrap;
    word-break: break-word;
    overflow: hidden;
  }

  // 自动换行:打印用
  @media print {

    pre,
    code {
      white-space: pre-wrap;
      word-break: break-word;
      overflow: hidden;
    }
  }

5、Deepin 25.0  Markdown Preview Enhanced 的 Export(导出)功能导出的html或者pdf等文件内容是空白,也就是没有内容输出,看html就是内容区是空白的。参考 https://sdl.moe/post/vscode-markdown-export/   在文件开头输入

---
...
print_background: true
puppeteer:
  timeout: 1000
...
---

解决(实际应该是 print_background 问题)。MPE设置中其实有  markdown-preview-enhanced.printBackground  项,默认是没有选中的,也就是 false。所以,如果全局需要用,可以勾选,是个别文件需要,则可以在文件开头添加文档指令。

Logo

魔乐社区(Modelers.cn) 是一个中立、公益的人工智能社区,提供人工智能工具、模型、数据的托管、展示与应用协同服务,为人工智能开发及爱好者搭建开放的学习交流平台。社区通过理事会方式运作,由全产业链共同建设、共同运营、共同享有,推动国产AI生态繁荣发展。

更多推荐