如何将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
相关产品推荐
相关产品推荐

