You need to enable JavaScript to run this app.
优惠活动
大模型
产品
解决方案
定价
更多

如何将GitHub托管的R Plotly图表通过GitHub Pages嵌入Medium文章

R Plotly图表托管GitHub Pages嵌入Medium方案

这个方案完全可行,不仅能规避ChartStudio生成的图表可被任意编辑的问题,操作流程和嵌入GitHub Gist一样简单,具体操作步骤如下:

  • 本地导出单文件图表:在R中完成Plotly图表绘制后,调用htmlwidgets::saveWidget()函数将图表导出为独立HTML文件,建议设置selfcontained = TRUE参数,将所有依赖的JS、样式资源都打包到单个HTML文件中,无需额外处理依赖资源。
  • 上传到GitHub仓库:将导出的HTML文件上传到你自己的公开GitHub仓库,请勿上传到私有仓库,否则GitHub Pages无法对外提供访问。
  • 开启GitHub Pages部署:进入对应仓库的设置页,开启GitHub Pages服务,选择对应部署分支后,即可拿到该HTML文件的公开访问链接。
  • 嵌入Medium文章:打开Medium的编辑页面,选择嵌入内容功能,粘贴上一步拿到的公开链接即可完成嵌入,发布后读者可正常交互查看图表,且没有编辑权限,仅你本人可以通过更新GitHub仓库中的文件修改图表内容。

补充注意点:如果不设置单文件导出,需要将导出时生成的所有依赖资源文件夹和HTML文件按原路径一起上传到GitHub仓库,否则会出现图表加载失败的问题,优先选择单文件导出模式可以大幅降低出错概率

内容的提问来源于stack exchange,提问作者saifulsafuan

相关产品推荐
方舟 Agent Plan

超全模态模型 × Harness 升级,最新支持 Deepseek-V4.1-Flash、GLM-5.3 系列、Doubao-Seedream-5.0-pro、Kimi-K3 (部分), 限时 9.9 元起

最近更新时间:2026.10.05 09:18:00