问题标签 [remarkjs]

使用这样的代码：

但它返回如下输出：

我想要这样的 AST树

我已经在使用highlighterjs并且宁愿使用外部包含的荧光笔（js和css）并构建一个remarkjs更小的版本。我不知道如何做到这一点。仅当明确指定荧光笔目标时，包含的make.js文件才应该构建荧光笔，但即使未指定，似乎也会自动包含它。建议？

是否可以在 RemarkJS 演示文稿的 Markdown 内容中添加内联注释？

在其他 Markdown 格式中，我使用[//]:(SOME_COMMENT)了一种隐藏评论/标签的方式。备注是按字面意思显示这些。

我意识到我可以使用演讲者笔记，但对于我的用例，我希望能够使用标识符来注释 Markdown 的特定位。

是否有（最好是轻量级的方式）在 HTML 中包含降价文件的原始内容？

我正在使用 remark.js 创建幻灯片，我想将 markdown 文件与 HTML 分开，以便 HTML 非常简单（并且不会更改）：

理想情况下，它在本地机器上离线运行（不运行 Web 服务器）。带有“粘贴”降价文件 test.md 的位显然不起作用（因此是我的问题）。我试过了：

• object data="test.md"但这会产生丑陋的 iframe
• 这个解决方案，但我只是得到一个空页面（我为 jQuery 使用了 CDN）。

我正在使用我首选的演示工具RemarkJS创建一个基于 Web 的演示文稿。由于我想演示一小段nodejs代码，我想使用RunKit的REPL 嵌入功能。我不太清楚如何在单个网页上嵌入多个实例，但我设法通过多次运行以下代码来整理一些东西

等等。这确实有效，但效率极低。当我启动我的演示文稿时，即使整个页面只加载了一次，也会多次调用 RunKit。不仅如此，每次我更改幻灯片时都会多次调用 RunKit，在 RemarkJS 中，幻灯片会简单地隐藏和显示同一网页的不同部分。由于网页本身只被加载一次，所以 RunKit 应该只被调用一次。至少，我是这么认为的（显然，我似乎错了）。

最后，实际的 RunKit REPL 帧在渲染之前需要一段时间。一开始，只显示了几行截断的代码，但在等待一段时间后，整个帧都被渲染了。

我究竟做错了什么？有没有更好的方法来做到这一点？

是否可以使用 knitr 幻灯片（使用xaringan自定义样式）为长功能制作垂直滚动条？我正在尝试基于上一个问题如何使垂直滚动条出现在 RMarkdown 代码块（html 视图）中的一些选项，但不知道如何仅针对长函数（高度超出框架）执行此操作。任何建议都非常受欢迎。

我在幻灯片中添加leafletjs地图。remarkjs如果包含地图 div 的幻灯片在网页初始加载时可见，则地图可以正常工作。但是，如果带有地图 div 的幻灯片不是可见幻灯片，则地图 div 是不可见的，因此传单地图无法正常工作，因为所有图块都未加载到 div 中。我想做的是在幻灯片中加载所有地图 div，无论它们在哪张幻灯片上，然后在包含地图的幻灯片出现时让它们正确显示。

更新：建议的答案似乎应该回答我的问题，但我仍然卡住，不确定我是否走在正确的轨道上。以下是更多细节。

因为我可以在幻灯片中添加许多地图，所以我使用地图 div 的类名。

我的逻辑说上面应该有效，但它没有。我究竟做错了什么？

Update2：答案map.invalidateSize()确实是解决方案的一部分。我的错是我在打电话slideshow.on('showSlide', fn)，但我真的应该打电话slideshow.on('afterShowSlide', fn)。后者提供remarkjs了实际创建当前幻灯片的机会，该幻灯片可能具有地图 div，这反过来又允许map.invalidateSize()正确触发和重新绘制地图。

我想要我的 markdown 的自定义语法，以便我可以将它与我的 React 组件一起使用。我正在使用 usingremark并将remark-react我的 markdown 渲染到 React 组件中。如何为 Markdown 定义自定义语法，以便我可以使用它来呈现我的 React 组件？

I am using the xaringan package for r for a presentation:

https://cran.r-project.org/web/packages/xaringan/index.html

which builds upon the remark.js library.

I would like to use a two column layout, i.e. something like this from the original remark.js teaser presentation:

https://remarkjs.com/

where the original css rules (which are embedded in the source of the presentation) specifies the layout via:

The problem is that when you use -- in one of the columns, it does not work as expected - it should trigger an incremental slide...

This does work, bullet points are displayed incrementally:

But within a column it does not work:

Next to that, in the original remark.js css specification, the right column is additionally divided by

And again, the -- does not work anymore, neither with incremental steps within the .pull-right/.pull-left classes nor "between" them, i.e. to display the .pull-left part first, than the .pull-right part. These problems do arise within the original remark.js and therefore also in the xaringan package.

After all, it would be great to have at least incremental slides within the right column. Does anyone have any idea how to fix this? How can I modify the css to accomplish this?

Edit:

The whole markup within xaringan, i.e. as written in rmarkdown in Rstudio and then "knitted" is:

Within the file custom.css there is only the left and right column classes nothing else, and these are copied from the teaser presentation from https://remarkjs.com/

我想用 css 文件控制 xaringan rmarkdown 中的作者和日期文本？

我试过了

但显然这控制了作者和日期在一起，但它们彼此重叠（在同一位置）。