文本和内容展示组件

Poetry

在文章的 type 为 tech 或 story 时，它有不同的样式。

Quote

在文章的 type 为 tech 或 story 时，它有不同的样式。

ZhiluHeader

# iconfont 网页版生成的字体子集在 Chrome 124 的版本无法解析，需要借助 fonttools 工具手动生成子集
pip install fonttools brotli
pyftsubset ./LXGWWenKai-Medium.ttf --text=Header文本 --flavor=woff2

使用方法

MDC 语法基础

Nuxt Content 使用 Markdown 语法和约定来提供丰富的文本编辑体验。它使用自定的 MDC 语法，可以让你在 Markdown 中使用 Vue 组件，并支持多种 remark 扩展。

组件调用方式

1. 内联组件：

   :component-name[内容]{属性名="属性值"}
   

2. 块级组件：

   ::component-name
   ---
   属性名: 属性值
   ---
   内容
   ::
   

3. 带插槽的组件：

   ::component-name
   #slot-name
   插槽内容
   #default
   默认内容
   ::
   

组件的不完美性

博客开发精力有限，常用的组件会仔细打磨，不常用的组件仅仅满足需求。

所以，少年，选择你的英雄吧！