HTML 文章示例:做一篇更有表现力的解读
用原生 HTML 写文章片段,加入卡片、数字、引用和更自由的版式。
HTML Article
当 Markdown 不够用时,可以直接写 HTML。
这个页面展示了 HTML 文章可以做到的效果:更自由的布局、更强的视觉层次,以及可复用的内容组件。
摘要先行
先告诉读者这篇文章最值得带走的判断,而不是让读者在长段落里寻找重点。
结构可视化
用卡片、分栏、数字和引用来区分事实、观点、证据与疑问。
好的解读不是复述原文,而是把原文放进自己的问题系统里重新组织。
适合用 HTML 的场景
- 需要自定义卡片、分栏、步骤条或数据展示;
- 需要嵌入交互组件、iframe、图表或复杂媒体;
- 需要一篇文章有更强的视觉表现力。
写法上,仍然把文件放在 content/posts/ 里,只是扩展名改成 .html。顶部可以继续使用 front matter 配置标题、摘要、日期和标签。