在文章里放一个能玩的作品
设计稿截图看不出手感。把做好的 HTML 页面直接嵌进文章,读者在这里就能点、能拖、能试。

做设计的人都知道:截图只能看样子,看不出手感。一个按钮按下去是什么反馈、一个面板拖起来顺不顺,得亲手试了才知道。
所以这个博客能直接放 HTML 作品。文章最下面就是一个例子:一块色板,点方块会换颜色,点「打乱」会重新排。
怎么放自己的作品
| 作品是什么样 | 放哪儿 | 文章里填什么 |
|---|---|---|
| 单个 HTML 文件 | 后台「嵌入作品」直接上传 | 自动填好 |
| 一个文件夹(有图片、脚本) | 电脑上放进 public/works/作品名/ |
/works/作品名/index.html |
再填一个「嵌入高度」,就是作品框在文章里有多高,单位是像素。不填默认 560。
几个小提醒
- 作品里不要引用国外的字体和脚本库,国内读者可能加载不出来。能写在一个文件里最好。
- 作品框上面有个「新窗口打开」,读者想全屏玩可以点它。
- 公众号放不了这种作品。转到公众号时,这里会自动换成一句提示,让读者点「阅读原文」回来玩。