【教程】自适应主题,CherryStudio输出效果再升级

【教程】自适应主题,CherryStudio输出效果再升级
【教程】自适应主题,CherryStudio输出效果再升级

接着【教程】CherryStudio输出效果大升级,直接输出HTML 进一步讨论:
之前的效果上已经基本实现了不同模式的适配,但是主题的结构是相似的,更多的只是修改一些修饰的元素,觉得够用的话,就直接用那个就好了。
这里单开一贴,是我希望再做一些实验性的测试,实现对不同主题的展示效果适配,让不同的主题拥有不同的信息展示方式以及展示效果。

目前有 7 种具体展示风格:

内容类型 自动匹配风格 展示感觉 news old-newspaper 旧报纸 / 新闻稿 / 复古纸张感 research academic-journal 学术期刊 / 论文式 / 摘要与参考文献 explain clean-magazine 现代杂志 / 清爽解释型内容 compare decision-brief 决策简报 / 对比评估 / 推荐优先 tutorial workshop-guide 教程工作坊 / 步骤引导 / 学习目标 list curated-list 精选清单 / 排名 / 目录式 opinion editorial-column 评论专栏 / 观点论证 / 专栏文章感

整体上是7+1,1是兜底的通用风格

MCP文件是
dist.zip (124.2 KB)

提示词是

请先完成全部搜索、阅读、分析和内容整理,不要在搜索过程中调用 html-render-mcp。

内容整理完成后,请最后只调用一次 html-render-mcp 的 render_adaptive_theme_html 工具生成完整连续 HTML 页面片段。

请根据内容自动选择 page.contentTypes:

新闻、事件、每日要闻:news
研究、分析、报告:research
科普、解释、背景说明:explain
对比、选型、决策:compare
教程、操作指南:tutorial
清单、榜单、推荐:list
评论、观点、社论:opinion
请默认使用:

styleProfile: "auto"
请用 blocks 组织内容,不要自己手写 HTML。可用区块包括:
hero、summary-card、timeline、stat-grid、comparison-table、quote、risk-box、faq、steps、source-list、callout。

最终回复只输出工具返回的完整 HTML 片段,不要使用 Markdown 代码块包裹,不要一段一段渲染。

以下是一些展示效果:

image
image
image
image
image

4 个帖子 - 3 位参与者

阅读完整话题

来源: LinuxDo 最新话题查看原文