寫技術博客的人可能沒注意到,DEV.to 其實內置了一套 URL 嵌入系統。作者最近翻到了官方支持的列表,發現幾個挺實用的平臺可以直接嵌進文章里。
用法很簡單,大部分平臺只需要這一行:
![]()
{% embed %}
![]()
下面這幾個值得試試。
第一個是 asciinema。它能把終端錄屏變成一個可交互的播放器,讀者可以暫停、拖拽進度條,甚至直接復制里面的命令文本。比放一張靜態截圖直觀多了。
第二個是 CodeSandbox。嵌進去之后,讀者能在博客頁面里直接改代碼、看預覽。作者提到目前終端和預覽窗口有時會報錯,跟 postMessage 的跨域機制有關,但核心編輯功能是跑通的。
![]()
第三個是 GitHub 倉庫鏈接。DEV 會自動渲染出 README 的摘要,加上一個跳轉到倉庫的按鈕。不用自己截圖或者粘貼項目介紹了。
另外列表里還有 YouTube、Vimeo、CodePen、Glitch、Replit、Figma、Loom、Spotify 這些常見的。作者沒展開講,但邏輯應該類似——粘貼鏈接,自動生成卡片或播放器。
這套機制的核心價值在于降低讀者的跳轉成本。技術內容本來就重實操,能在原地看視頻演示、改代碼、讀文檔,轉化率會比"點擊這里查看"高出一截。對寫教程的人來說,算是個被低估的格式工具。
特別聲明:以上內容(如有圖片或視頻亦包括在內)為自媒體平臺“網易號”用戶上傳并發布,本平臺僅提供信息存儲服務。
Notice: The content above (including the pictures and videos if any) is uploaded and posted by a user of NetEase Hao, which is a social media platform and only provides information storage services.