remarkjs | 易学教程

How to change Markdown link relative path as preprocessing of gatsby-transformer-remark

阅读更多关于 How to change Markdown link relative path as preprocessing of gatsby-transformer-remark

问题 I am developping a static blog using Gatsby. It use gatsby-transformer-remark and gatsby-plugin-i18n plugin to support multiple languages. I am managing the articles in the GitHub repository as follows. /blog /2017 /06 01-foo.en.md 01-foo.zh.md /09 01-bar.en.md 01-bar.zh.md And links between the articles is necessary. Therefore, in order not to become a dead link when looking at GitHub with a Web browser, we set up a link as follows. [link](/blog/2017/09/01-bar.en.md) However, this has the

Bullet color in Xaringan presentation

阅读更多关于 Bullet color in Xaringan presentation

问题 Is it possible to change the bullet colors in Xaringan presentation? The text should have a different color. I have not find any option in xaringanthemer package neither going through the css file. I could not find any information remark.js documentation. 回答1: You can change the bullet point colour by adding a custom CSS to the YAML header of your Xaringan presentation. Following is a fully reproducible minimal example. Markdown file title: "Example" author: "Author" date: "`r Sys.Date()`"

Incremental slides do not work with a two-column layout

阅读更多关于 Incremental slides do not work with a two-column layout

问题 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: /* Two-column layout */ .left-column { color: #777; width: 20%; height: 92%; float: left; }

Custom frontmatter variables with Markdown Remark in Gatsby.js

阅读更多关于 Custom frontmatter variables with Markdown Remark in Gatsby.js

问题 I am building a website using Gatsbyjs and NetlifyCMS. I've started using this starter https://github.com/AustinGreen/gatsby-starter-netlify-cms, and I am trying to customise it now. I want to use custom variables in the frontmatter of a markdown file like this: --- templateKey: mirror nazev: Černobílá title: Black and White cena: '2700' price: '108' thumbnail: /img/img_1659.jpeg --- I want to acess this data with GraphQL. I use gatsby-source-filesystem and gatsby-transform-remark. This is my

Incremental slides do not work with a two-column layout

阅读更多关于 Incremental slides do not work with a two-column layout

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: /* Two-column layout */ .left-column { color: #777; width: 20%; height: 92%; float: left; } .left-column h2:last-of-type, .left-column h3:last-child { color: #000; } .right-column { width: 75%;

Custom frontmatter variables with Markdown Remark in Gatsby.js

阅读更多关于 Custom frontmatter variables with Markdown Remark in Gatsby.js

I am building a website using Gatsbyjs and NetlifyCMS. I've started using this starter https://github.com/AustinGreen/gatsby-starter-netlify-cms , and I am trying to customise it now. I want to use custom variables in the frontmatter of a markdown file like this: --- templateKey: mirror nazev: Černobílá title: Black and White cena: '2700' price: '108' thumbnail: /img/img_1659.jpeg --- I want to acess this data with GraphQL. I use gatsby-source-filesystem and gatsby-transform-remark. This is my query: { allMarkdownRemark { edges { node { frontmatter { templateKey nazev title cena price } } } }