关于 blog-post
用于设计博客长文的技能,采用单栏编辑式排版,包含图片、引述、作者信息和相关文章。
主要功能
- 01长文版式
- 02刊物名称与日期栏
- 03带说明文字的图片
- 04重点引述与行内引用
- 05作者简介和相关文章
- 06样式化代码块
适用场景
- 01设计编辑类博客文章
- 02通过图片呈现长篇专题
- 03添加作者和相关文章区块
安装
复制下面的命令,在终端中运行。
$
npx skills add https:/ / github.com/ nexu-io/ html-anything --skill blog-post安装后在 Claude Code 中输入/blog-post确认已加载。
附带文件example.html
README 原文English
来自项目 READMEREADME 暂无中文译文,以下为英文原文;中文介绍见上方。
【模板: 博客长文 / Blog Post】 【意图】≥ 600 字的真正的长文章, 排版以 typography 为主, 70% 文字 20% 图 10% chrome。 【布局】
- Masthead (publication name + date)
- Hero (大标题 + 副标 + 作者署名 + 阅读时间)
- 正文 (单栏 65ch, 含 figures, pull quotes, 行内引用)
- Author bio 卡片
- Related posts (3 张卡) 【设计细节】
- Pull quote 用大号 serif 斜体 + 左侧色条
- Figures 自带 caption (italic, smaller)
- 代码块: 圆角 + 深色 + 语言标签
评论
支持 Markdown