如何移除Python Panel生成HTML文件中的外部CSS样式链接？

如何移除外部CSS链接 #

有两种可行的方式处理这个问题：

方式1：后处理生成的HTML文件 #

直接修改已生成的HTML，用正则表达式剔除所有外部CSS链接标签：

import panel as pn
import re

# 生成原始HTML
tabs = pn.Column()
file_name = "my_file.html"
tabs.save(file_name)

# 读取并清理HTML内容
with open(file_name, 'r', encoding='utf-8') as f:
    html_content = f.read()

# 匹配并移除所有外部CSS链接标签
cleaned_html = re.sub(r'\s*<link rel="stylesheet" href=".*?" type="text/css" />\s*', '', html_content)

# 写入清理后的HTML
with open(file_name, 'w', encoding='utf-8') as f:
    f.write(cleaned_html)

方式2：修改Panel配置，禁用默认CSS资源 #

在生成HTML前，清空Panel默认加载的CSS资源列表，这样保存时就不会写入这些外部链接：

import panel as pn

# 清空默认的CSS资源集合
pn.config.css_files = []

# 若还存在Notyf、Font Awesome这类额外依赖，可进一步禁用相关扩展
# 比如禁用Notyf：pn.extension(notyf=False)

tabs = pn.Column()
file_name = "my_file.html"
tabs.save(file_name)

注意：如果你的报告使用了Panel的交互组件（比如按钮、表格、卡片），移除这些CSS会导致组件失去样式，仅保留原始HTML结构。如果只需要静态内容（如Plotly图表、纯文本），则不会影响核心功能。

为什么Panel会添加这些外部CSS链接 #

这些链接对应的是Panel组件正常运行所需的样式资源：

• Font Awesome：提供组件中使用的图标（如按钮图标、状态提示图标）
• Notyf：用于实现弹出通知、消息提示的样式
• Panel自有CSS文件：不同的.css文件对应不同组件的样式，比如widgets.css负责交互控件的布局、dataframe.css优化表格显示、loading.css处理加载状态动画等，确保Panel组件具备美观的UI和正常的交互逻辑。

内容的提问来源于stack exchange，提问作者Johnny_Silverhand