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

如何将生成的Slidy演示文稿HTML链接至blogdown博文?

在blogdown博文中链接/发布Slidy演示文稿的方法

嘿,我来帮你搞定这个问题!既然你已经按照blogdown书籍的建议,把.Rmd文件放在static目录下,并用R/build.R渲染出了Slidy演示文稿,那接下来在博文中链接或展示它其实很简单,给你几个实用的方案:

方法1:添加直接跳转链接

因为static目录下的文件会被直接部署到网站的根目录,所以你只需要用Markdown链接语法指向文件的相对根路径就行。比如:

  • 假设渲染后的Slidy文件路径是static/presentations/my-talk.html
  • 在博文中添加:[查看我的Slidy演示文稿](/presentations/my-talk.html)

点击这个链接就会跳转到完整的演示页面,读者可以直接在新页面浏览你的Slidy文稿。

方法2:直接嵌入到博文中

如果你想让读者不用跳转,直接在博文里查看演示文稿,可以用HTML的<iframe>标签嵌入。示例代码如下:

<iframe src="/presentations/my-talk.html" width="100%" height="600px" frameborder="0" allowfullscreen></iframe>
  • width="100%"让iframe适配博文的宽度,height可以根据你的需求调整数值
  • frameborder="0"去掉iframe的边框,让整体样式更和谐
  • allowfullscreen允许读者点击演示文稿进入全屏模式,提升浏览体验

注意事项

  • 确认渲染后的HTML文件及相关依赖资源(比如Slidy的CSS、JS文件,或者文稿里的图片)都在static目录的对应位置,路径错误会导致链接失效或演示文稿显示异常
  • 如果你使用的Hugo主题对iframe有默认样式限制,嵌入后显示不正常的话,可以自定义CSS来调整iframe的边距、背景等样式
  • 测试的时候可以本地运行blogdown的预览服务(blogdown::serve_site()),点击链接或查看嵌入效果,确保一切正常再部署

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

相关产品推荐
方舟 Agent Plan

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

最近更新时间:2026.05.15 03:37:50