// Huashu / huashu-md-html-inspired magazine article layout for turning Markdown or notes into a polished long-form HTML essay.
| name | article-magazine |
| zh_name | 杂志文章 |
| en_name | Magazine Article |
| emoji | 📖 |
| description | Huashu / huashu-md-html-inspired magazine article layout for turning Markdown or notes into a polished long-form HTML essay. |
| zh_description | Huashu / huashu-md-html 风格杂志文章版式, 将 Markdown 或笔记转成精排长文 HTML。 |
| en_description | Huashu / huashu-md-html-inspired magazine article layout for turning Markdown or notes into a polished long-form HTML essay. |
| category | article |
| scenario | marketing |
| aspect_hint | A4 / 长页面 |
| featured | 11 |
| tags | ["blog","essay","newsletter","公众号","博客","文章"] |
| example_id | sample-article-trq212-html |
| example_name | 杂志文章 · HTML 取代 Markdown |
| example_format | markdown |
| example_tagline | 灵感来自 @trq212 的推文 |
| example_desc | 围绕「AI 时代 HTML > Markdown」的延伸评论, 含原推附注与可点击链接 |
| example_source_url | https://x.com/trq212/status/2052809885763747935 |
| example_source_label | @trq212 / x.com |
| od | {"mode":"prototype","surface":"web","platform":"desktop","scenario":"marketing","upstream":"https://github.com/nexu-io/html-anything","preview":{"type":"html","entry":"index.html","reload":"debounce-100"},"design_system":{"requires":false},"example_prompt":"Use the Magazine Article template to turn my content into a Huashu / huashu-md-html-inspired long-form HTML essay. Preserve the template's visual signature, use real content and data, and avoid lorem ipsum or placeholder images.","example_prompt_i18n":{"zh-CN":"用「杂志文章」模板把我的内容做成一份「Huashu / huashu-md-html-inspired magazine article layout for turning Markdown or notes into a polished long-form HTML essay」。保持模板的视觉签名，使用真实内容和数据，避免 lorem ipsum 和占位图片。"}} |
【模板: 杂志文章】
text-lg leading-relaxed text-neutral-700 dark:text-neutral-300。<hr> 分隔, 但样式做成中央居中的小 ornament。Single-file horizontal-swipe HTML deck. Built by copying the seed `assets/template.html` (which carries the proven 5-rule iframe nav script) and pasting slide layouts from `references/layouts.md`. Pitch decks, product overviews, study material — when you don't need the magazine aesthetic of `magazine-web-ppt`.
Twitter quote or data card designed to pair with a post.
Xiaohongshu-style knowledge cards, arranged as a swipeable multi-card carousel.
Turns CSV, Excel, or JSON data into a polished visual report page.
Editorial magazine meets e-ink: 10 layouts and 5 palettes (Ink, Indigo Porcelain, Forest Ink, Kraft Paper, Dune).
Locked 1920x1080 canvas deck with React component-level free composition, not bound to a fixed template.