闪烁之狐 (blinkfox)

引用块里面没法区分 `warning` 还是 `success`，除非引入新的 `Markdown` 语法。

@ZongchengMa 我试了下，可以的。 我在[这里](https://github.com/googlei18n/noto-cjk)下载了 `NotoSerifSC-Regular.otf` 字体，放在了主题的 `vue` 文件夹中，将这个字体也在本地电脑中安装了，然后在 `vue.css` 里面添加下面的 css ```css @font-face { font-family: 'Noto Serif SC'; font-style: normal; font-weight: 300; src: local('Noto Serif SC'), local('Noto Serif SC Regular'), url('vue/NotoSerifSC-Regular.otf')...

我这边把你的css文件下载下来，本地试了下，没问题啊，切换字体，能看到一些中文的差别的

估计是 Markdown 写法格式有问题，可以提供下原文的写法格式。

你发原文档给我

你这个文档，我在 mac 和 windows 下都试过，没有显示上的问题。

@WangQuan-cn 试了下，把 `vue.css` 文件中第 303 行的 `margin: 0.8rem 0 !important;` 代码去掉 `!important;` 就行了，即改成： ```css margin: 0.8rem 0; ```

"视觉受骗"吧，应该是是你的文档中没有一些链接，看出来效果就有些不同了。

@zh-g 我查了一下，是 Typora 中的渲染的最大宽度和导出的 `pdf` 的文件内容宽度不同引起的，导出的 `pdf` 的宽度会窄一些。如果你想要保证大致情况一致的话，可以尝试自己改下 `css` 样式，将 `#write` 的最大宽度设置为 `690px` 即可。 ```css #write { max-width: 690px; margin: 0 auto; padding: 20px 30px 100px; } ```

你得使用代码主题，类似于 `highlight.js` 或者 `prismjs` 里面的 css 了。