mcpField
B
blog-post

blog-post

github.com/nexu-io设计与 UI9.3k41 次安装2 周前更新
代码仓库

关于 blog-post

用于设计博客长文的技能,采用单栏编辑式排版,包含图片、引述、作者信息和相关文章。

主要功能

  1. 01长文版式
  2. 02刊物名称与日期栏
  3. 03带说明文字的图片
  4. 04重点引述与行内引用
  5. 05作者简介和相关文章
  6. 06样式化代码块

适用场景

  1. 01设计编辑类博客文章
  2. 02通过图片呈现长篇专题
  3. 03添加作者和相关文章区块

安装

复制下面的命令,在终端中运行。

$npx skills add https://github.com/nexu-io/html-anything --skill blog-post

安装后在 Claude Code 中输入/blog-post确认已加载。

附带文件example.html

README 原文English

来自项目 README

README 暂无中文译文,以下为英文原文;中文介绍见上方。

【模板: 博客长文 / 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