今天偶然發現一神器——codepen，可以直接在線調試代碼，而且可以實時可視化編輯，還可以直接引用到博客當中，非常方便，推薦給大家。
使用方法：登錄codepen.io，然后點擊“newpen”，就可以在編輯器里寫你的代碼了，寫完save之后可以在share里面點擊embed，然后點擊右上角的代碼復制粘貼框下面的iframe即可復制到你的博客上了，就像下面這樣。
下面是我隨便做的一個布局圖，做個例子：
免責聲明！
本站轉載的文章為個人學習借鑒使用，本站對版權不負任何法律責任。如果侵犯了您的隱私權益，請聯系本站郵箱yoyou2525@163.com刪除。
猜您在找
前端利器CodePen和Scrimba了解一下
兩個有意思的網站 - CodePen 與 Scrimba
贊！15個來自 CodePen 的酷炫 CSS 動畫效果
https://codepen.io/deadzq-the-decoder/pen/qBqQYXg
[轉]Ionic系列——CodePen上的優秀Ionic_Demo
15個來自 CodePen 的酷炫 CSS 動畫效果【下篇】
CodePen 作品秀：Canvas 粒子效果文本動畫
vuepress 構建的 UI 組件庫插件 打開 codepen 在線代碼預覽 bug
使用
Springboot使用JdbcTemplate的使用