Hugo 用 shortcode 可以很优雅地内嵌代码演示。这里展示三种方式：
1. 内联 CSS demo（无需外部服务）#
直接在文章里跑一个旋转加载动画：
纯 CSS 旋转加载器
一个渐变色文字动画：
CSS 渐变文字
ZhuoQi Dev
2. 嵌入 CodePen#
如果已有 CodePen 作品，用一行 shortcode 嵌入：
| |
3. 嵌入 CodeSandbox#
React / Vue 组件用 CodeSandbox：
| |
这三个 shortcode 覆盖了大多数代码展示场景，写博客基本不需要其他工具了。