2026/9/20 7:19:27

baoyu-xhs-images 的 Chalkboard 黑板粉笔风格:从元素配置到小红书教育卡片的完整实战指南

baoyu-xhs-images 的 Chalkboard 黑板粉笔风格:从元素配置到小红书教育卡片的完整实战指南 baoyu-xhs-images 的 Chalkboard 黑板粉笔风格从元素配置到小红书教育卡片的完整实战指南【免费下载链接】baoyu-skills项目地址: https://gitcode.com/gh_mirrors/ba/baoyu-skills本指南围绕 baoyu-xhs-images 技能内置的chalkboard黑板粉笔视觉风格展开系统讲解其 YAML 元素组合、调色板、视觉语言与排版规则并演示如何通过--style chalkboard、--preset tutorial/classroom等入口把任意教学素材转成小红书风格的竖版图文卡片。读完你将掌握该风格的全部配置细节、与 8 种布局的搭配方案以及如何把风格定义组装成可执行的图像生成 Prompt。在 baoyu-xhs-images 的 12 种内置风格中chalkboard是唯一以黑板 彩色粉笔为视觉母题的风格定位为category: educational专为教育类、教程类、课堂与知识分享内容设计。它通过粉笔质感、手绘线条和粉笔灰特效营造出极具亲和力的教室黑板氛围是制作学习笔记、操作教程、课堂讲解类小红书图文卡片的理想默认风格。Chalkboard 风格定义文件总览该风格的全部规范定义在 chalkboard.md 中文件以 YAML frontmatter 声明风格身份正文依次给出元素组合、调色板、视觉元素、排版、风格规则、布局搭配与适用场景七个部分--- name: chalkboard category: educational ---frontmatter 中的name用于--style chalkboard命令行入口category: educational则参与 SKILL 的自动匹配逻辑——当源内容出现 education、tutorial、learning、classroom 等信号时SKILL.md 中的 Auto-Selection 表会优先推荐chalkboard风格并匹配tutorial/classroom预设。元素组合一份可复用的风格配方chalkboard 风格的核心是一段 YAML 形式的元素配方它把整个视觉系统拆成四个可控维度画布、图像效果、排版与装饰。这份配方可以直接作为生成 Prompt 中 Style Section 的装配依据见下文组装成 Prompt一节canvas: ratio: portrait-3-4 grid: single | dual | triptych image_effects: cutout: stylized stroke: none filter: none typography: decorated: handwritten tags: none direction: horizontal | vertical decorations: emphasis: underline | circle-mark | arrows-curvy background: chalkboard doodles: hand-drawn-lines | stars-sparkles frames: none逐项解读如下每一维度的取值都能在 elements 目录下的规范文件中找到展开说明canvasratio: portrait-3-4即 1242×1660 像素的 3:4 竖版画布是 canvas.md 中标注的小红书最高流量比grid可取single单格主视觉、dual前后对比、triptych三步流程对应 canvas.md 中的 Grid Cells 概念黑板场景下常用 single 做标题主图、triptych 拆步骤。image_effectscutout: stylized表示对主体元素采用手绘边缘的风格化抠图而非clean的硬边或soft的羽化stroke: none与filter: none意味着黑板风格不叠加描边和滤镜保持粉笔绘制的原生质感这是它与 image-effects.md 中列举的 other 风格如 bold 的高饱和滤镜、retro 的胶片颗粒的关键区别。typographydecorated: handwritten指所有文字采用手写粉笔字对应 typography.md 中 Decorated Text 的 handwritten 项tags: none表示不加标签容器direction支持横向与纵向两种排文方向纵向适合传统中文/杂志式构图。decorations强调标记从underline下划线、circle-mark圆圈标注、arrows-curvy曲线箭头中三选一三者都是 decorations.md 中 Emphasis Marks 的手绘系选项background: chalkboard直接选用背景库中的黑板纹理doodles限定为手绘线条与星芒涂鸦frames: none明确不启用任何边框容器polaroid、tape-corners 等均不使用。调色板黑板黑 五种粉笔亮色chalkboard 的配色逻辑是深底亮字背景取黑板黑/绿黑板前景用粉笔白与五种高亮度粉笔色通过明度对比保证粉笔字的可读性同时用多色粉笔建立视觉层次。RoleColorsHexBackgroundChalkboard black, green-black#1A1A1A, #1C2B1CPrimary TextChalk white#F5F5F5Accent 1Chalk yellow#FFE566Accent 2Chalk pink#FF9999Accent 3Chalk blue#66B3FFAccent 4Chalk green#90EE90Accent 5Chalk orange#FFB366从实际使用角度这 7 个色值可以按角色分工#1A1A1A/#1C2B1C铺满整幅画布作为底色后者偏绿模拟绿板教室场景#F5F5F5承担标题与正文主体五种 Accent 色分别用于关键词、强调句、图表线、涂鸦与注释实现以色彩区分信息层级。若通过--palette强制替换prompt-assembly.md 规定 Palette 的颜色会整体替换风格内置配色、但保留渲染规则粉笔质感、手绘线条不变——例如换成 neon 霓虹色后仍是黑板上的粉笔字只是色相改变。视觉元素粉笔质感的六类构成chalkboard 的视觉语言围绕粉笔 手绘 教室三个意象展开风格文件列出六类必备元素手绘粉笔插画线条刻意粗糙、不完美的 sketchy 风格粉笔灰特效文字与关键元素周围散布的粉笔粉尘涂鸦家族星形、箭头、下划线、圆圈、对勾checkmarks数学公式与简易示意图黑板场景的天然内容载体橡皮擦痕与粉笔残留纹理强化真人板书的真实感火柴人stick figures与简单图标、以及手绘质感的连接线。这些元素与 decorations.md 中 Chalkboard Style 专属装饰段完全对应chalk dust effects、hand-drawn doodles、mathematical formulas、simple icons而 image-effects.md 的 Effect Combinations 中该风格不预设滤镜/描边/纹理组合佐证了其零后期、纯手绘的克制路线。排版规范手写粉笔字的三个要点风格文件的排版章节给出三条硬性规则所有文字采用手绘粉笔字无论标题还是正文一律是粉笔笔触禁止出现计算机字体/打印体文字自带粉笔纹理每一笔都要能看出粉笔颗粒感不完美的基线故意保留手写导致的基线不齐让字形更接近真实板书。强调文字使用白色或高亮粉笔色。与 typography.md 中 Style-Specific Typography 的 Chalkboard 段一致chalk texture on all text、visible imperfections、multi-color chalk variety。在执行层面可复用 typography.md 的 Text Hierarchy 比例H1 主标题 100%、H2 小节 70-80%、正文 40-50%来确定字号层级中文内容注意标点使用「」、。行高取 1.5-1.8 倍。风格规则Do 与 Dont风格文件用一组明确的正反清单约束生成结果这也是把该风格与其他手绘风格区分开的守门条款Do应当所有元素保持真实粉笔纹理全篇维持不完美的手绘质感添加克制的粉笔灰与擦痕特效用多色粉笔建立视觉层级融入俏皮的涂鸦与批注如划线、圈注、小箭头。Dont禁止不使用完美几何形状不出现干净的数字化线条不掺入写实/照片级元素不使用渐变或光泽感效果。最后一条禁渐变与 Prompt 装配规范中手绘风格、禁止写实元素的核心原则见 prompt-assembly.md 的 Core Principles互相呼应确保黑板风不会被现代扁平化或 3D 渲染污染。布局搭配六种高适配布局风格文件给出了 6 种布局的兼容性评级全部可用无 ✗ 项其中 5 种为 ✓✓ 强推荐LayoutCompatibilityUse Casesparse✓✓Educational coversbalanced✓✓Standard lessonsdense✓✓Detailed tutorialslist✓✓Learning checklistscomparison✓Concept comparisonsflow✓✓Process explanations与 SKILL.md 中 Style × Layout 全矩阵chalkboard 行sparse/balanced/dense/list/flow/mindmap 均 ✓✓comparison/quadrant 为 ✓对照可知黑板风几乎通吃所有布局最适合的是 cover 用sparse单主视觉 大标题、教学主体用balanced、深度教程用dense、清单类用list、流程类用flow。布局对应的信息密度、留白比例与结构说明可在 canvas.md 中按需取用如 dense 5-8 个要点、留白 20-30%flow 3-6 步节点连线。最佳应用场景风格文件最后列出 chalkboard 的七个目标场景可概括为一切与学习、讲授、分享知识有关的场合教育类内容Educational content教程与操作指南Tutorials and how-tos课堂主题Classroom themes教学材料Teaching materials工作坊Workshops非正式学习会话Informal learning sessions知识分享Knowledge sharing在 baoyu-xhs-images 的自动匹配体系里这些场景由 Auto-Selection 表的信号词education、tutorial、learning、classroom驱动命中后默认推荐chalkboard风格并落到tutorialchalkboard flow教程步骤或classroomchalkboard balanced课堂笔记预设具体预设定义见 style-presets.md。在实战中启用 chalkboard 风格的三种方式baoyu-xhs-images 提供三条使用 chalkboard 的入口可以按需组合方式一CLI 显式指定--style chalkboard --layout flow # 黑板风 流程布局 --preset tutorial # 等价于 chalkboard flow --preset classroom # 等价于 chalkboard balanced方式二预设覆盖依据 style-presets.md 的规则预设可以被显式标志覆盖--preset classroom --style sketch-notes表示改用 sketch-notes 风格但保留 balanced 布局--preset tutorial --palette warm则保留黑板渲染规则、把配色换成暖色。显式--style/--layout/--palette永远优先于预设值。方式三持久化偏好在 EXTEND.md位置与字段见 preferences-schema.md中写入preferred_style.name: chalkboard与preferred_layout: flow即可让每次运行默认采用黑板教学风仍可被命令行参数临时覆盖。从风格定义到最终 Prompt装配流程chalkboard.md 本质上是 Prompt 中 Style Section 的原料库。按照 prompt-assembly.md 的装配流程把风格文件拆成 Color Palette、Visual Elements、Typography、Style Rules 四块填入标准 Prompt 模板的{STYLE_SECTION}位置再拼接{LAYOUT_SECTION}来自 canvas.md、{CONTENT_SECTION}来自 outline与可选的{WATERMARK_SECTION}即可生成完整可执行的图像生成指令。装配时需保持 3:4 竖版比例、全程手绘风格、禁止写实元素系列卡片遵循image-1 锚点链——封面先无参考生成后续卡片以封面为--ref参考图保证黑板底色与粉笔字色在整套卡片中一致。下图为本风格的实际渲染示例仓库中的风格样张 chalkboard.webp位于 screenshots/xhs-images-styles/ 目录风格文件引用速查若要深入调整或复刻 chalkboard 风格建议按需查阅以下仓库内文件风格总定义chalkboard.md风格入口、预设与自动匹配SKILL.md、style-presets.md画布/布局规范canvas.md排版规范typography.md装饰资产粉笔灰、涂鸦、黑板背景decorations.md图像效果层image-effects.mdPrompt 装配指南prompt-assembly.md偏好配置持久化风格选择preferences-schema.md掌握了 chalkboard 的元素配方、色板与 Do/Dont 规则再配合上述装配链路你就能稳定复现黑板 彩色粉笔的教育风图文卡片——无论是 3:4 竖版教程封面、分步流程讲解还是知识清单都能在保持粉笔质感的同时建立清晰的视觉层次。【免费下载链接】baoyu-skills项目地址: https://gitcode.com/gh_mirrors/ba/baoyu-skills创作声明:本文部分内容由AI辅助生成(AIGC),仅供参考