article-magazine

仓库创建 2026年5月11日最近提交 13 天前SkillHot 收录 20 天前

▸ 精选理由

提升文章视觉与可读性，减少版式与样式调优工作。

这个 Skill 做什么

用于生成杂志感长文的 HTML/CSS 排版模板，适合博客或公众号发布。

提供 Substack/Medium 风格的高级长文 HTML/CSS 排版，单栏居中、宽度约 700px，标题用 serif 与正文形成对比。适合在公众号、博客或专栏发布需强化可读性的长文章。引用块带左侧强调色边线、代码块用深色背景并显示语言标签，注重视觉层次与印刷感细节。

▸ 展开 SKILL.md 英文原文

Substack / Medium 高级感长文排版, 适合公众号、博客发布

内容创作排版长文模板出版通用

8.0k

Stars

780

Forks

仓库内 Skill

+399

7 日增星

安装 / 使用

给你的 Agent 一句话（通用）

帮我安装这个 skill：https://raw.githubusercontent.com/nexu-io/html-anything/main/next/src/lib/templates/skills/article-magazine/SKILL.md

或 curl 直取 SKILL.md

curl -fsSL "https://raw.githubusercontent.com/nexu-io/html-anything/main/next/src/lib/templates/skills/article-magazine/SKILL.md"

SKILL.MD 节选查看完整文件 ↗

【模板: 杂志文章】
- 顶部 hero: 大标题 (text-5xl/6xl) + 可选副标题 + 作者 / 阅读时间 / 日期元数据。
- 正文: 单栏, 最大宽度约 700px, 居中。段落 `text-lg leading-relaxed text-neutral-700 dark:text-neutral-300`。
- H2 / H3 标题用 serif 字体, 让正文与标题有视觉对比。
- 引用块使用左侧粗 accent 色边线 + 斜体。
- 代码块: 圆角 + 深色背景 + 浅色文字, 显示语言标签。
- 列表项使用自定义 bullet（小方块 / accent 圆点）。
- 章节之间用 `<hr>` 分隔, 但样式做成中央居中的小 ornament。
- 文末加一个简单的 "如果觉得有用，欢迎转发" 行动卡片。

via SKILL·HOT · 数据来自 GitHub 公开信息 · 原文版权归作者所有