默认调用 markdown.markdown() 仅生成无样式的纯 html 骨架,不注入 css、class 或资源链接;需显式启用 extensions(如 codehilite、extra)并手动注入 pygments 生成的 css 到 中。

用 markdown 库转 Markdown 时,为什么样式全丢了?
默认调用 markdown.markdown() 只做语法解析,不加载任何 CSS,生成的是纯 HTML 骨架(比如 <p></p>、<h2></h2>),没 class、没 style、也没 或外部资源链接。你看到的“没样式”,不是转换失败,是它压根不负责样式。
常见错误现象:
– 代码块没高亮
– 表格没边框
– 标题字号和网页其他部分不一致
– 本地打开 HTML 文件一片黑白
- 必须显式启用扩展(如
extra、codehilite)才能支持表格、脚注、代码高亮等基础渲染能力 -
codehilite扩展依赖 Pygments,需提前pip install pygments,否则代码块会原样输出 - 扩展开启后仍无 CSS —— 你需要自己把 Pygments 生成的样式表写进 HTML 或内联到
<style></style>中
如何让 markdown 输出带 class 的 HTML 以便套 CSS?
核心是传入 extensions 参数,并确保关键扩展启用:
import markdown
html = markdown.markdown(
md_text,
extensions=[
'extra', # 表格、脚注、 fenced_code 等
'codehilite', # 为 <pre class="brush:php;toolbar:false;"><code> 添加 class="highlight" 和语言类,如 class="python"
'toc', # 自动生成目录(可选)
'sane_lists' # 更符合直觉的列表解析(推荐)
],
extension_configs={
'codehilite': {
'guess_lang': False, # 不自动猜语言,靠 ```python 显式声明
'pygments_style': 'github-dark' # 影响生成的 CSS class 名和配色
}
}
)</code>注意:codehilite 不会自动插入 CSS,它只在 HTML 元素上加 class;你要手动把 Pygments 的 CSS 注入页面头部:
使用 Puppeteer + Chrome 将 HTML 渲染为中文 PDF,自动处理图表等待、Tab 展开、动画、测高、白边消除、防分页,适用于看板、报表、网页和交互图表转 PDF。
- 用
pygments.formatters.HtmlFormatter生成对应样式的 CSS 字符串 - 拼接到最终 HTML 的
<style>...</style>中 - 如果用
github-dark风格但目标环境是白底页面,代码块可能看不清 —— 换成default或vs更稳妥
怎么把自定义 CSS 和模板结构一起塞进输出 HTML?
markdown 库本身不提供模板功能,它只返回 body 片段。想得到完整 HTML 页面,得自己拼接:
from pygments.formatters import HtmlFormatter
from markdown import markdown
<p>css = HtmlFormatter(style='github-dark').get_style_html()
body_html = markdown(md_text, extensions=['extra', 'codehilite'])</p><p>full_html = f'''
</p><meta charset="utf-8"><style>{css}</style>{body_html}
'''
这里容易踩的坑:
- 直接用
f-string拼接时,若md_text含单/双引号或换行,可能破坏 HTML 结构 —— 建议先用html.escape()转义内容 - Pygments 的
get_style_html()输出含<style type="text/css"></style>,重复引入会导致样式冲突 - 如果报告要打印,记得加
@media print {{ ... }}规则,否则代码块可能被截断
遇到中文乱码或数学公式怎么办?
默认 markdown 不支持 LaTeX 渲染,中文一般没问题,但若出现方块或问号,90% 是编码或字体问题:
- 读取 .md 文件时务必指定 encoding='utf-8':
with open('report.md', encoding='utf-8') as f: md_text = f.read() - HTML 模板里必须有
<meta charset="utf-8">,否则浏览器可能按 GBK 解析 - 数学公式需额外扩展:装
pip install pymdown-extensions,启用pymdownx.arithmatex,再配合 KaTeX 或 MathJax 加载 JS - Arithmatex 默认用
$$...$$包裹公式,但输出 HTML 里只是加了class="arithmatex"—— 你仍需在模板中引入 KaTeX CSS/JS
复杂点在于:样式定制不是“开个开关”就完事,而是分三层控制 —— 扩展决定 HTML 结构(class)、Pygments 决定代码高亮规则、你自己写的 CSS 决定最终呈现。漏掉任何一层,都会导致“看起来转成功了,但就是不像样”。
Python免费学习笔记(深入):立即使用
在学习笔记中,你将探索 Python 的核心概念和高级技巧!










