在GitHub Pages上显示交互式绘图图（.html文件）

我创建了以下这样的绘图：

import plotly
labels = ['Oxygen', 'Hydrogen', 'Carbon_Dioxide', 'Nitrogen']
values = [4500, 2500, 1053, 500]

trace = plotly.graph_objs.Pie(labels=labels, values=values)
plotly.offline.plot([trace], filename='basic-pie-chart')

然后，我这样创建了html：

print(plotly.offline.plot([trace], include_plotlyjs=False, output_type='div'))

运行上面的代码会生成一个.html文件，我可以在浏览器中查看该文件。

有没有办法在GitHub Pages的markdown文件中间显示.html文件，这样我就可以使用plotly的交互功能？

这是我问过的类似问题

如果您在GitHub页面网站上使用Jekyll。

准备数据：

import plotly.graph_objects as go

labels = ['Oxygen','Hydrogen','Carbon_Dioxide','Nitrogen']
values = [4500, 2500, 1053, 500]
fig = go.Figure(data=[go.Pie(labels=labels, values=values)])
fig.show()

生成HTML文件：

import plotly.io as pio

pio.write_html(fig, file='figure.html', auto_open=True)

上载figure.html文件并将其提交到_includes站点存储库根目录中的文件夹。

现在，如果您正在使用markdown创建帖子，则可以使用include标记，并figure.html在帖子中调用如下内容：

{% include figure.html %}

将此行提交到.md文件_posts夹中的发布文件。检查结果。