本客服平台由提供产品服务

如何利用 Codepen 创建公开的代码链接?

发表于:2017年09月07日 21:18:09

CodePen 顾名思意,code+pen, 即“代码笔”,其寓意类似中国古代故事“神笔马良”中的那个“神笔”,不过,这里的“笔”是写代码的“神笔”。貌似说得有些玄乎了,说穿了,CodePen就是用来制作测试页面的网站,你也可以把写好的代码直接放在上面,然后生成1个公开的链接,别人就可以看到了,比如:https://codepen.io/devmidai/pen/RKzwWr

如何制作出你的Codepen呢?首先你需要新建1个Codepen 的账号,接着你可以根据如图的操作生成1个Codepen 的链接:

1. 点击页面右上角的「New Pen」创建1个新的代码项目。

2. 在项目页面中粘贴你的代码,比如你的CSS代码。

3. 代码粘贴后,你可以给项目重命名,然后点击保存,保存后会生成1个URL,你就可以直接将这个URL分享给别人啦!




做是最好的学 | 半撇私塾
    您需要登录后才可以回复