2

由于我在网站上嵌入了一组用 Xaringan 制作的幻灯片，恐怕访问者不会理解如何浏览这些幻灯片。

为了确保每个人都能找到浏览它们的方法，我想在每张幻灯片的右下角添加一个上一个/下一个链接。它可以代替页码，因为我不需要编号。

我无法在文档或我找到的在线示例中找到解决方案。

在xaringan wiki 中有一个关于幻灯片编号的页面，但它没有说明如何执行此操作。

查看remark.js 文档，似乎有一种方法可以通过函数创建编号，例如：

  slideNumberFormat: function (current, total) {
    return 'Slide ' + current + ' of ' + total;
  }

这看起来不错，我应该能够制作出我需要的功能。但是，如果我通过自然传递函数，例如

output:   xaringan::moon_reader:
    lib_dir: libs
    nature:
      slideNumberFormat: "function (current, total) {return \'Slide \' + current + \' orrrr \' + total;}"

这似乎不起作用。（它只是添加“功能......”等作为文本）

我最终可以为每张幻灯片手动添加一个 div：

<div style="position: absolute; right: 40px; bottom: 10px; width: 300px;">
<h2><a href="#1">Previous</a> / <a href="#3">Next</a></h2>
</div>

但这很麻烦，我相信一定有更好的方法。

更新：

作为一种解决方法，我在导出后<script>var slideshow = remark.create({在 html 中添加了这段代码，在这个块中：

 "slideNumberFormat": function (current, total) {
    return '<h3><a href="#' + (current-1) + '">Previous</a> / <a href="#' + (current+1) + '">Next</a></h3>';
  }
4

0 回答 0