Skip to content
Skip to contents
Skip to reading controls

Search skills⌘K

Setting the file. One moment.

This file

Type

Size

Lines

Position

antfu
/
antfu/skills

Syntax Comark · Slidev · antfu/skills · Skills Docs

Repo No. 94 · Slidev

↖Back to the cover

Antfu Design
Antfu
Nitro
Nuxt
Pinia
pnpm
Slidev
Tsdown
Turborepo
Unocss
Vite
Vitepress
Vitest
Vue Best Practices
Vue Router Best Practices
Vue Testing Best Practices
Vue
Vueuse Functions
Web Design Guidelines

19 skills · 40 min

Skill 07 · Slidev

Subchapter 7.49

Syntax Comark

references/syntax-comark.mdMarkdown627 BView on GitHub

Comark Syntax

Enhanced Markdown with component and style syntax.

Enable

7Up to skill 7Slidev

On this page

Comark Syntax
Enable
Inline Styles
Inline Components
Image Attributes
Block Components
Use Cases

This file

Number: 7.49
Position: 49 of 55
Type: Markdown
Size: 627 B

Nearby

Previous Syntax Block Frontmatter
Next Syntax Frontmatter Merging

Source

md

---
comark: true
---

Inline Styles

md

This is a [red text]{style="color:red"}

Inline Components

md

:inline-component{prop="value"}

Image Attributes

md

![](/image.png){width=500px lazy}

Block Components

md

::block-component{prop="value"}
The **default** slot content
::

Use Cases

Add inline styles without HTML
Use Vue components inline
Add attributes to images
Create complex component layouts

Based on Comark Syntax.

ReferenceSyntax Block Frontmatter ReferenceSyntax Frontmatter Merging

references/syntax-comark.md

(opens in a new tab)

Raw file(opens in a new tab)

antfu/skills(opens in a new tab)