博客文章页 · 长文指南

左正文 + 右 sticky 目录的长文版式 + 订阅转化,与叙事案例版式并列的博客文章页变体。

安装与接入

数据来自本站 registry vv0.23.0，与 shadcn CLI 实际拉取的是同一份。

bash

npx shadcn@latest add https://hulianui.haloritual.com/zh/r/page-blog-post-guide.json

递归安装2 个区块: 长文 + 侧边目录block-article-toc
行动号召block-cta
CLI 会先把这些区块写进你的工程，再写入本页源码。
写入文件1 个: components/hulianui/pages/blog-post-guide.tsx
需要 Provider: ThemeProvider
必须替换: 无 —— 源码里没有需要替换的示例内容。
可替换插槽: article-toccta
npm 依赖: 无额外依赖。

装完验一遍

门禁按 conventions 的可执行规则扫描目标文件；错误级违规会以非零状态退出。

bash

npx -y @hulianui/guard components/hulianui/pages/blog-post-guide.tsx