问题标签 [remarkjs]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票
0 回答
97 浏览

svg - 在 xaringan/remarkjs 中的“下一张幻灯片”事件中为 SVG 设置动画

我正在使用 xaringan/remark.js 进行演示。我包括一个带有两个动画的 SVG,这些动画使彩色框看起来突出显示文本。目前,动画在点击时起作用,但我想用“下一张幻灯片”事件开始动画。因此,第一个框应该出现与您用于推进幻灯片的相同按键/滚动/...。我意识到一个简单的解决方案是制作三个单独的 SVG 文件,分别使用 no、一个和两个框,而不是实际推进幻灯片,但我想知道这样的事情是否可能。

我的 SVG 的一个最小示例:

0 投票
1 回答
40 浏览

r - 带有 RMarkdown 的 RMarkdown 演示,无需评估和打印 `

我想用 xaringan 为 xaringan 编写一个演示。我想写一张幻灯片,解释学生如何编写内联代码或代码块,但到目前为止我的尝试都失败了。主要是因为`没有打印。如果我使用`r knitr::inline_expr('mean(mtcars$mpg)')``打印。

0 投票
1 回答
478 浏览

r - 在 xaringan 中为 slideNumberFormat 使用特定的幻灯片编号

xaringan演示文稿中,slideNumberFormat参数通常设置为%current% / %total%。可以在此参数中使用特定的幻灯片编号吗?

例如,如果我有这样的“最终”幻灯片:

后面有附录幻灯片,我想显示幻灯片编号,就像我的%current% / %mylastslide% 幻灯片编号一样。%mylastslide%mylastslide

谢谢。

[在@user2554330 建议后编辑]

对于此代码,使用增量幻灯片,

最后一张幻灯片(即附录)编号为Slide 6 of 9(而不是Slide 6 of 5),9 是 的url索引mylastslide(我+ 1slideNumberFormat函数中使用,因为索引从 0 开始。)

谢谢。

0 投票
0 回答
349 浏览

javascript - getStaticProps console.log(post) 有效,但页面上没有数据?

我有这段代码可以从本地文件夹中获取 Markdown 博客文章_posts,如果我控制台记录帖子,我会在控制台中收到我要求的数据,所以我知道获取正在工作,但是当我在返回中使用数据时,即<h1>{post.title}</h1>没有任何内容返回到 h1。

知道为什么会这样吗?

0 投票
0 回答
94 浏览

javascript - mdast-util-to-markdown:防止列表项之间发生换行符?

对于某些上下文,我正在尝试构建一个基于 Slate.js 的编辑器,可以将编辑器内容转换为降价。为此,我正在使用remark-slate-transformer,它本身使用mdast-util-to-markdown,它倾向于在它连接的每个元素之间插入换行符。事实上,渲染列表往往看起来像这样:

而期望的结果是:

文档并没有特别清楚地说明如何实现这一点。因此,使用指定工具包实现预期结果的最佳方法是什么?我的猜测是使用选项对象/参数的joinorhandlers成员,但我不清楚这将如何实现。

0 投票
2 回答
527 浏览

javascript - 序列化从 `getStaticProps` 返回的 `.remarkBody` 时出错。原因:`undefined` 无法序列化为 JSON

我收到此错误

尝试运行时:

有人可以帮我弄这个吗?

0 投票
1 回答
45 浏览

javascript - 对 window.onhashchange 未检测到的 URL 哈希更改执行函数

我正在使用 xaringan 幻灯片;xaringan 基于 remark.js。我想实现一个在每次幻灯片更改时触发的 Javascript 函数。(该功能可以是任何东西;在我的情况下,它会div在幻灯片更改时将“演示者注释”滚动到它们的顶部。)

remark.js 幻灯片是 HTML 文件。在文件的 URL 中,每张幻灯片由井号后面的数字表示:您有“mySlides.html#1”、“mySlides.html#2”等。所以看起来我可以实现我想要的行为window.onhashchange

当用户使用浏览器中的“后退”或“前进”按钮更改幻灯片时,此代码有效。当他在地址栏中输入更改时,它也可以工作。例如,如果他在地址栏中看到“mySlides.html#1”,则删除“1”,将其替换为“2”,然后按 Enter 键。

但是没有人以这些方式更改幻灯片。相反,他们通过在平板电脑上滑动、滚动鼠标滚轮或按左右箭头键来更改幻灯片。所有这些快捷方式都会更改地址栏中显示的幻灯片和哈希值。但它们都没有触发window.onhashchange

有没有办法在 URL 中的哈希更改时执行函数,即使它没有通过在地址栏中键入或单击“返回”按钮进行更改?例如,location.hash每次用户从一张幻灯片更改为另一张幻灯片时都会发生更改——有没有办法监听更改location.hash

0 投票
1 回答
1688 浏览

reactjs - 如何从 Markdown 解析可嵌入链接并呈现自定义 React 组件

我想将 Twitter 标签从 Markdown 嵌入到 Html。我目前正在使用 react-markdown 进行如下渲染

我希望能够解析任何以开头的东西,https://twitter.com这样我就可以渲染一个 React 组件。

0 投票
1 回答
332 浏览

parsing - 备注:如何在 MDAST 中解析 HTML 标签及其内容

我正在尝试使用UnifiedRemark-Parse解析 GitHub 风格的降价文件以生成 MDAST。我能够正确且轻松地解析其中的大部分内容,但是我无法从 AST 中解析 HTML 标记及其内容。

在 AST 中,HTML 标签及其内容被表示为兄弟,而不是父子。例如<sub>hi</sub>被解析成

理想情况下,我希望它被解析为

这样我就可以访问标签类型及其内容。(具体来说,我的目标是跳过标签及其内容,因为我的目的不需要它们)

这是我目前使用的配置:

所以,我的问题是:有没有办法配置 Remark 这样做/是否有 Remark 插件可以做到这一点?如果没有,我将如何创建一个这样做的插件?

谢谢。

0 投票
1 回答
128 浏览

svelte - 如何将 remark-math, katex 应用于我的 Elder.js 博客?

我可以问你我的问题吗?我正在尝试将 remark-math 应用于我的 Elder.js 博客。它没有正确渲染。像这样。

降价

呈现的 html

现在我的博客链接

https://twinstae.github.io/category-for-functional/

我做了以下事情。

  • npm install remark-math remark-katex
  • 将 katex css 添加到头部
  • 将所有默认管道和 remarkMath、remarkKatex 添加到 Elder.config.js

Elder.config.js

Elder.config.js 链接 https://github.com/twinstae/twinstae.github.io/blob/master/elder.config.js

备注插件链接的文档

https://www.npmjs.com/package/@elderjs/plugin-markdown#remark-plugins

我正在尝试几个插件订单,搜索,再次阅读 Elder.js 文档......

感谢您的阅读。:)