Hacker News 中文摘要

RSS订阅

CodePen 2.0 -- CodePen 2.0

文章摘要

作者宣布CodePen 2.0正式上线,称其工作量远超初版。文章分享了上线首周的两个故事:与陌生人协作编辑Pen并引入npm包,以及The Keyframers团队重聚。

文章总结

2026年7月30日

我职业生涯中最大的成就之一,就是推出了CodePen 2.0。说实话,这项工作比当初创建整个CodePen还要繁重得多。

这里不打算详述我们做了什么以及为什么这么做,感兴趣的话可以看看我们的播客或"新功能"页面。

分享几个上线第一周的小故事:

  • 我和一位素未谋面的人合作演示。他从自己的经典Pen开始,需要导入其他JavaScript,于是用了三个Pen,把另外两个的JavaScript引入主演示,还需要一个npm包。我fork了这个Pen并邀请他作为共同编辑,这样我们可以随时一起工作。我把JavaScript移到主Pen的文件中,这样操作更方便。npm包放在package.json里便于版本管理,我们一起把它整理得井井有条。

  • The Keyframers的David和Shaw重新聚首,在上线当天做了直播。他们也用了邀请功能和实时协作,一起工作了几个小时。虽然有一两个小bug,但都不是大问题,效果很好。我最喜欢的一点是,他们分享了Pen的实时视图,这样我们也能一边看他们工作,一边自己玩演示。

  • 在准备上线邮件时,我用MJML语言来制作。我直接把MJML作为模块添加到CodePen里,这样就能在CodePen中构建邮件了。效果很好,甚至能处理一些奇怪的需求。未来还会加入更多模块。

  • 我特别喜欢现在可以直接通过Pen编辑器制作小网站并部署,比如为slideVars库做的网站,或者codepen.school。这让我想制作一大堆稀奇古怪的小网站。

评论总结

根据评论内容,总结如下:

主要观点与论据:

  1. 对2.0版本界面不满(danielvaughn):老用户认为新界面过于复杂,失去了快速尝试的简洁性。关键引用:"the new interface makes me feel more like I'm building a website inside of a website."

  2. AI时代下的生存质疑(wewewedxfgdf, carloseduardopx):评论者认为CodePen代表的手工编码价值在AI工具冲击下减弱。关键引用:"I wonder how CodePen is surviving the AI onslaught";"since the overflow of ai tools, this feels a bit like ancient tech."

  3. 搜索功能不足(shimman):用户抱怨CodePen的探索体验差,缺乏高级搜索,难以找到高质量内容。关键引用:"Looking up codepens is extremely poor";"Gold is there but it's deep under the strata."

  4. 对部署功能的认可(rglover):新部署功能获得正面评价,认为对原型展示有用。关键引用:"the new ability to deploy got my attention. Really handy to be able to deploy a prototype."

  5. 对免费托管可持续性的担忧(jjcm):评论者质疑免费托管模式可能被滥用。关键引用:"Any free hosting solution tends to spiral towards abuse at some point."

  6. 对API/本地IDE集成的期待(mckeeplusplus):用户希望CodePen能支持本地开发工具直接操作Pen。关键引用:"A CodePen api/protocol that supports a local ide opening a CodePen... would be a game changer."

平衡性说明: 评论呈现两极分化:老用户怀念手工编码时代,对新界面和AI冲击持保留态度;同时也有用户认可部署功能等新特性,并期待更多技术集成。