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

