CodePen的使⽤教程codepen如何存放⾃⼰的代码codepen存放的代码如何引⼊到。。。
⾸先，我们先打开codepen，注册/登陆
codepen官⽹
注册或登陆时候，你可以选择 facebook、github或Twitter进⾏直接登陆。
邮箱验证
⾸次使⽤codepen，需要做⼀次邮箱验证，会有提⽰，⼤家点击验证，会有邮箱消息，进⼊邮箱点击认证链接认证。
创建
在左侧导航栏，选择 Pen→Pen 即可创建⼀个空⽩的代码模板， From Template是⾃定义⼀个模板，后期每次都可以选择使⽤。当然，你也可以选择vue之类模板。
使⽤
如何查看html代码也可以修改模板的展⽰效果，如下图所⽰
也可以设置⼀些其他功能，如 ⾃动保存，格式化，实时预览等
保存-分享链接
点击右下⾓  插⼊ ，复制弹窗的插⼊代码即可
这是我从我的博客截图的效果
查看⾃⼰的代码列表
如何引⼊外部js或css
特别注意
⽤户名，注册时候，就⼀次安排到位，不建议在⼆次修改，⼆次修改之后，你之前分享的demo链接就可能会失效，404页⾯。这是编辑资料页⾯
个⼈博客
前端共享博客
前端软件下载

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。