#6

Author: mProjectsCode

exampleVault/Untitled.md

@@ -0,0 +1,4 @@
+```yaml
+test: a
+```
+

src/main.ts

@@ -175,6 +175,14 @@ export default class ShikiPlugin extends Plugin {
 				this.registerMarkdownCodeBlockProcessor(
 					alias,
 					async (source, el, ctx) => {
+						// this is so that we leave the hidden frontmatter code block in reading mode alone
+						if (alias === 'yaml' && ctx.frontmatter) {
+							const sectionInfo = ctx.getSectionInfo(el);
+							if (sectionInfo && sectionInfo.lineStart === 0) {
+								el.addClass('shiki-hide-in-reading-mode');
+							}
+						}
+
 						const codeBlock = new CodeBlock(this, el, source, language.getDefaultLanguage(), alias, ctx);
 
 						ctx.addChild(codeBlock);

styles.css

@@ -78,6 +78,6 @@ div.expressive-code {
 }
 
 /* Hide the frontmatter code block in reading view again */
-div.markdown-preview-view > div > div.mod-header + div > div {
+div.markdown-preview-view > div > div.mod-header + div > div.block-language-yaml.shiki-hide-in-reading-mode {
 	display: none;
 }