CodePen 2.0 上线故事与新增功能

值得一提的是，我人生中最大的个人职业成就——CodePen 2.0 发布。令人难以置信的是，这项成果所付出的努力，远远超过了最初创建CodePen的全部工作量。

这里并不是详述我们具体做了什么、以及为何这样做的合适场合。如果你对此感兴趣，不妨去看看我们的为什么选择2.0？播客或有什么新鲜事？

页面。

相反，让我们来分享一些关于上线首周的故事。

• 当时，我正和一位从未谋面的人一起制作一个演示项目。这个项目最初是基于他们的（经典）Pen开发的。他们需要导入一些其他JavaScript代码，于是便使用了3个Pen，并将另外两个Pen中的JavaScript代码整合进主演示中。此外，他们还需要一个npm包。我作为共同编辑者，为Pen添加了分叉，并且还为邀请他们配备了工具，这样我们就可以随时一起协作完成开发。我把JavaScript代码移至主Pen的文件中，因为那样处理起来要方便得多。而npm的包装则被放置在package.json文件中，便于轻松进行版本管理。我们俩都根据自己的喜好对代码进行了精心整理与优化。
• 关键帧手（大卫和肖）在上线当天重聚，并一同完成了做了直播的开发。他们还利用了邀请功能，以及现场合作。两人合作数小时，虽然偶尔会出现一两个小问题，但都不算什么大问题，整个过程进展得非常顺利。我最喜欢的一幕是：他们共享了Pen的实时视图，因此当他们正在开发时，我们也能亲自玩转这个演示项目。
• 在准备向大家发送有关此次上线的邮件时，我正用一种专门用于撰写邮件的“特殊语言”——MJML——来构建这些邮件。我干脆又在CodePen中加入了MJML这一区块，这样我就能直接在CodePen里完成邮件的编写。效果很好，甚至奇怪的事情也是如此。未来还有更多区块等着我们去开发。
• 我简直太喜欢能通过做一些小网站，直接在Pen编辑器中完成邮件的部署与发布。就像用于我们的slideVars库或codepen.school一样。每当我看到这样的功能，就忍不住想搭建出无数个古怪的小网站。