
会员可见内容组件使用说明
通过自定义组件,在不破坏VitePress使用体验与维护便携性的情况下,增加会员可见功能。
组件介绍
因VitePress的完全支持Vue的,所以通过自定义Vue组件的方式实现标签内内容会员可见。
通过主题全局注册组件:<mosong-vip-content></mosong-vip-content>
会员可见内容写在标签内,其它用法与VitePress一致,对Markdown的支持也是一样的。
使用示例
原始文档内容、会员标签文档、非会员看到的效果。
原始Markdown文档内容
“回去?你还敢回去?”闻言,纳兰肃嘴角一裂:“你敢回去,看你爷爷敢不敢打断你的腿!”
撇了撇嘴,心知肚明的纳兰嫣然,自然清楚纳兰肃话中的意思。
“你应该知道我来此处的目的吧?”
狠狠的灌了一口茶水,纳兰肃阴沉着脸道。
“是为了我悔婚的事吧?”
纤手把玩着一缕青丝,纳兰嫣然淡淡的道。
会员标签Markdown文档
“回去?你还敢回去?”闻言,纳兰肃嘴角一裂:“你敢回去,看你爷爷敢不敢打断你的腿!”
撇了撇嘴,心知肚明的纳兰嫣然,自然清楚纳兰肃话中的意思。
“你应该知道我来此处的目的吧?”
狠狠的灌了一口茶水,纳兰肃阴沉着脸道。
<mosong-vip-content>
“是为了我悔婚的事吧?”
纤手把玩着一缕青丝,纳兰嫣然淡淡的道。
</mosong-vip-content>
会员可见Markdown内容预览
“回去?你还敢回去?”闻言,纳兰肃嘴角一裂:“你敢回去,看你爷爷敢不敢打断你的腿!”
撇了撇嘴,心知肚明的纳兰嫣然,自然清楚纳兰肃话中的意思。
“你应该知道我来此处的目的吧?”
狠狠的灌了一口茶水,纳兰肃阴沉着脸道。
💞开通VIP,可阅读全部会员文档。 如果你已经开通,请 登录
提示
- 如果你没开通会员,无法看标签内的内容,可看到会员开通的提示;
- 如果你已开通会员,可看到全部的会员内容;