00:00:00
Markdown 拓展 原创
试试右下角的主题颜色切换
TODO 列表
- [ ] 吃饭
- [ ] 睡觉
- [x] 打豆豆
导航卡片
分享卡片
图文卡片
图文卡片配置风格
标题
描述内容描述内容描述内容描述内容
Evan Xu
标题
描述内容描述内容描述内容描述内容描述内容描述内容描述内容描述内容
Evan Xu
标题
描述内容描述内容描述内容描述内容描述内容描述内容描述内容描述内容描述内容描述内容描述内容描述内容描述内容描述内容描述内容描述内容
Evan Xuyaml
config:
cardNum: 2 # 【每行显示的卡片数量，默认为 3】，可在容器名字后面添加，如 ::: imgCard 2。导航卡片和分享卡片都支持该配置项
target: _blank # 【跳转方式，默认为 _blank，仅支持 _blank | _self】。导航卡片和分享卡片都支持该配置项
lineClamp: 2 # 【显示描述信息的行数，默认为 2】。导航卡片支持该配置项，分享卡片不支持
cardGap: 10 # 【每行卡片之间的间隔，默认为 20】。导航卡片和分享卡片都支持该配置项
imgHeight: 200px # 【图片宽度，默认为 auto】。仅图文卡片支持该配置项
objectFit: fill # 【设置图片的填充方式，支持 cover | fill | contain | scale-down | none，默认为 cover】。仅图文卡片支持该配置项
showCode: true # 【是否显示代码块，默认为 false】。导航卡片和分享卡片都支持该配置项
data:
- img: https://jsd.cdn.zzko.cn/gh/xugaoyi/image_store/blog/20200529162253.jpg
link: https://xugaoyi.com/
name: 标题
desc: 描述内容描述内容描述内容描述内容 # 描述，可选
author: Evan Xu # 作者，可选
avatar: https://jsd.cdn.zzko.cn/gh/xugaoyi/image_store/blog/20200103123203.jpg # 头像，可选
- img: https://jsd.cdn.zzko.cn/gh/xugaoyi/image_store/blog/20200530100256.jpg
link: https://xugaoyi.com/
name: 标题
desc: 描述内容描述内容描述内容描述内容描述内容描述内容描述内容描述内容
author: Evan Xu
avatar: https://jsd.cdn.zzko.cn/gh/xugaoyi/image_store/blog/20200103123203.jpg
- img: https://jsd.cdn.zzko.cn/gh/xugaoyi/image_store/blog/20200530100257.jpg
link: https://xugaoyi.com/
name: 标题
desc: 描述内容描述内容描述内容描述内容描述内容描述内容描述内容描述内容描述内容描述内容描述内容描述内容描述内容描述内容描述内容描述内容
author: Evan Xu
avatar: https://jsd.cdn.zzko.cn/gh/xugaoyi/image_store/blog/20200103123203.jpgmark 标签
用 <mark></mark> 标签，可以添加高亮效果。
效果：
- Teek
使用：
html
-
<mark>Teek</mark>Teek 内置容器
NOTE 容器
NOTE
这是一个 note 容器
内容居中容器
测试 Center
测试标题
（测试二级标题）
内容居右容器
居右的内容字体为 14px。
测试 right
摘要
很久之前，我决定踏上的这条路，映照了我与未来的因果。
2021-11-13 @Teek
VP 容器风格
信息
这是一个 info 容器
提示
这是一个 tip 容器
警告
这是一个 warning 容器
危险
这是一个 danger 容器
详细信息
这是一个 details 容器
Github 容器风格
[!NOTE] 强调用户在快速浏览文档时也不应忽略的重要信息。
[!TIP] 有助于用户更顺利达成目标的建议性信息。
[!IMPORTANT] 对用户达成目标至关重要的信息。
[!WARNING] 因为可能存在风险，所以需要用户立即关注的关键内容。
[!CAUTION] 行为可能带来的负面影响。