Hello! I’m adding Remark.js presentation capability into my theme. I’m starting with the boilerplate Remark.js single template. The single.html contains the following code:
<!DOCTYPE html>
<html>
<head>
<title>Title</title>
<meta charset="utf-8">
<style>
<!-- The basic CSS that the boilerplate gives -->
</style>
<script src="https://remarkjs.com/downloads/remark-latest.min.js">
</script>
</head>
<body>
<textarea id="source">
{{ .RawContent }}
</textarea>
<script>
var slideshow = remark.create();
</script>
</body>
</html>
And here’s the code I have in my test presentation markdown test.md:
---
title: Basics of PowerShell
---
class: center, middle
# Basics of Windows PowerShell
The Console is your friend
---
I see that ‘class: center, middle’ appears in the presentation output. Instead, it should be read by Remark and the H1 should be rendered at the page’s middle-center.
What’s interesting is that the subsequent class instructions are rendered fine; just the very first one isn’t.
Could you please point out the mistake I’m making here?
Here is a screenshot of the rendered output:
