Questions tagged [remarkjs]

A JavaScript library that creates client-side HTML5 slideshows from Markdown source. Or an unrelated Markdown parser used by Gatsbyjs.

Remark.js (also on GitHub) is a JavaScript library that creates client-side slideshows from Markdown source.

Remark is also the name of a collection of libraries for working with Markdown. Despite the name and shared concepts, Remark.js is not built on Remark, the JavaScript library.

See also:

98 questions
1
vote
1 answer

In Gatsby project with gatsby-transformer-remark, how to change Markdown link from folder1/filename.md to /folder1/filename/?

In this Gatsby project, I use gatsby-transformer-remark to transform Markdown pages to html. I have this issue. Question: How can I configure gatsby-transformer-remark to rename all *.md link to */? I think I need to explore How to change Markdown…
Stéphane Klein
  • 856
  • 1
  • 11
  • 20
1
vote
1 answer

Name Property in Xaringan Slides

I am probably missing something very obvious, but when creating a new slide in xaringan, what does name do? For example name: setup, or name:usecourse or name:ninja set at the start of the slide? I can't find references in the custom css so I am…
Btibert3
  • 38,798
  • 44
  • 129
  • 168
1
vote
1 answer

incremental slides in xaringan package fails in long list

I'm trying to make a incremental list with the xaringan package, however a bunch of bullet appears all together. Here is the visual example: In this example, when I click once, element 1 appears like planned. When I click the second time, both…
Bastien
  • 3,007
  • 20
  • 38
1
vote
1 answer

Map over graphql output of list from a markdown file

I am using Gatsby.js & using GraphQL to retrieve data from the markdown file. The markdown file has the content structure as: --- title: abc --- - heading A - sub-heading A - sub-heading B - heading B - sub-heading A - sub-heading B -…
Kayote
  • 14,579
  • 25
  • 85
  • 144
1
vote
1 answer

How to define frontmatter fields for gatsby-transformer-remark?

Is it possible to define the allowed fields including defaults for gatsby-transformer-remark? As long as all markdown fields have the same set of fields everything is fine. But not all fields are always required and I tend to forget to add them.…
user429960
1
vote
1 answer

Fixed size slides in xaringan?

I'm trying to build a presentation in xaringan, which uses remarkjs. I'd like to make the slides all fixed-size, so they don't scale with the size of the browser. The reason is that my presentation needs to fit the format of the conference at which…
Bob
  • 1,274
  • 1
  • 13
  • 26
1
vote
2 answers

Configure rules for Atom's linter-markdown package on a per project basis?

I'm using the linter-markdown package in Atom for writing tidy Markdown. Generally I prefer having the package option Strict markdown style by default active. It adds the rule preset remark-preset-lint-markdown-style-guide based on Ciro Santilli's…
anothernode
  • 5,100
  • 13
  • 43
  • 62
0
votes
0 answers

`process is not defined` bug in Vite when using Remark, Torchlight

Recreate the issue: CodeSandbox I'm trying to use torchlight - a syntax highlight api with remark - a markdown tool, using torchlight's example code and remark's example code. I ran the same code without Vite (only Node) and it worked fine, so I…
vietan
  • 126
  • 1
  • 7
0
votes
3 answers

How can I parse markdown asynchronously using unified and remark-parse?

I want to parse markdown in the browser and do that ansyc, so nothing "hangs". However, the unified parse function is only synchronous. So, how to parse Markdown without blocking the browser/UI? My code: import { unified } from "unified"; import…
stefan.at.kotlin
  • 15,347
  • 38
  • 147
  • 270
0
votes
0 answers

Remark plug-in, wrapping a span around a string

First of all, apologies for posting a slightly vague non-code-specific question but I’ve been reading through the documentation all day and can’t wrap my head around this. I’m using next-mdx-remote and trying to make a remark plug-in that will look…
Sam
  • 1
  • 2
0
votes
0 answers

VS Code extension process.cwd return invalid path

I am trying to use remark-embed-images to convert relative image path in markdown file to base64 string, but it throw image not exist and it seems searching file under c:\Users\Edward\.vscode\extensions\ms-edgedevtools.vscode-edge-devtools-2.1.1…
Edward
  • 28,296
  • 11
  • 76
  • 121
0
votes
0 answers

Convert relative image in markdown to image base64 in VS Code

I am trying to convert relative image in markdown to image base64 and then insert in markdown. I tried with remark and below custom plugin import * as vscode from 'vscode'; import * as path from 'path'; import * as fs from 'fs'; import { promisify }…
Edward
  • 28,296
  • 11
  • 76
  • 121
0
votes
1 answer

Astro: Shiki syntax highlighting with remark-code-extra plugin doesn't work

I have the following config in my astro.config.mjs file but the syntax highlighting doesn't work after I added the remark-code-extra plugin. Not sure how should I configure it to make it work. Thanks in advance! import tokyoStorm from…
icube
  • 2,578
  • 1
  • 30
  • 63
0
votes
1 answer

Changing rehype-remark defaults (eg. emphasis using _ instead of *)

The rehype-remark plugin uses Github Flavored Markdown to parse HTML into Markdown. In other words, it uses * for italic and ** for bold. However, I want to use _ for italic, and keep ** for bold. Because using only * is causing errors in my parser,…
0
votes
1 answer

How to use MDX custom elements in contentlayer

I'm building a site that makes use of Nextjs and Contentlayer to render a bunch of MDX files. I basically followed this tutorial to get it set up, except I'm going with MDX instead of plain markdown. I'm using Contentlayer because the standard way…
Sheena
  • 15,590
  • 14
  • 75
  • 113