如何修改代码为ioslides(R markdown)所有页面页脚添加图片

可以通过修改原有JS脚本和配套CSS实现页脚插入图片的需求，修改后的完整代码如下：

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.2/jquery.min.js"></script>

<script>
    $(document).ready(function() {
    // 仅给非标题页、背景页、过渡页添加页脚，可根据需求调整筛选规则
    $('slide:not(.title-slide, .backdrop, .segue)').append('<footer><img src="替换为你的图片路径" alt="页脚图片"></footer>');    
  })
</script>

<style>
  footer {
    position: absolute;
    bottom: 20px;
    left: 60px;
    line-height: 1;
  }
  /* 调整图片尺寸，可根据实际需求修改数值 */
  footer img {
    height: 30px;
    width: auto;
  }
</style>

调整说明 #

• 原代码通过label属性+after伪元素渲染文字页脚，现在改为直接在生成的footer标签内插入<img>元素，只需将src属性的值替换为你的本地图片相对路径或者在线图片链接即可
• 可通过修改footer的bottom、left属性调整页脚的位置，修改img的height、width属性调整图片大小
• 若需要同时展示文字和图片，直接在footer的标签内容里同时加入<img>和文字内容，再对应调整样式即可

内容的提问来源于stack exchange，提问作者user1700890