写技术博客的人可能没注意到,DEV.to 其实内置了一套 URL 嵌入系统。作者最近翻到了官方支持的列表,发现几个挺实用的平台可以直接嵌进文章里。
用法很简单,大部分平台只需要这一行:
打开网易新闻 查看精彩图片
{% embed %}
打开网易新闻 查看精彩图片
下面这几个值得试试。
第一个是 asciinema。它能把终端录屏变成一个可交互的播放器,读者可以暂停、拖拽进度条,甚至直接复制里面的命令文本。比放一张静态截图直观多了。
第二个是 CodeSandbox。嵌进去之后,读者能在博客页面里直接改代码、看预览。作者提到目前终端和预览窗口有时会报错,跟 postMessage 的跨域机制有关,但核心编辑功能是跑通的。
打开网易新闻 查看精彩图片
第三个是 GitHub 仓库链接。DEV 会自动渲染出 README 的摘要,加上一个跳转到仓库的按钮。不用自己截图或者粘贴项目介绍了。
另外列表里还有 YouTube、Vimeo、CodePen、Glitch、Replit、Figma、Loom、Spotify 这些常见的。作者没展开讲,但逻辑应该类似——粘贴链接,自动生成卡片或播放器。
这套机制的核心价值在于降低读者的跳转成本。技术内容本来就重实操,能在原地看视频演示、改代码、读文档,转化率会比"点击这里查看"高出一截。对写教程的人来说,算是个被低估的格式工具。
热门跟贴