分享
#📋教程# CodePen→Replit#Base#
输入“/”快速插入内容
#📋教程# CodePen→Replit#Base#
用户3865
用户3865
1月30日修改
2023年7月19日创建
4476
4859
4
1
是什么
简述
如何
将
CodePen
移植
到
Replit
。
示例:把
https://codepen.io/natewiley/pen/BawOqL
搬到
memory-game.xiaoxixi2.repl.co
为什么
飞书云文档
支持
在文档中嵌入 CodePen
,
多维表格
支持
Replit
插件,希望将以前
云文档
中的
CodePen
移植
到多维表格的
Replit
当中。
由@木月提供思路,
用户3865
用户3865
执笔。
CodePen
支持预处理器。例如
可以用 Haml/Markdown/Slim/Pug 语法来写
HTML
;
也可以用 LESS/SCSS/Sass/Stylus/PostCSS 语法来创建
CSS
;
以及用 CoffeeScript/LiveScript/TypeScript/Babel 语法来生成
Javascript
。
怎么办
1.
新建 Repl,在左侧
文件
树中可以看到有
html
、js 和
css
三个文件。
2.
登录 CodePen 下载项目,在 dist 文件夹中逐一粘贴 *.
html
、*.
css
、*js 到 Replit 对应的三个
文件
当中。
3.
另一种无需注册登录 CodePen 的方法,过程比较麻烦:
逐一粘贴 CodePen 的
HTML
、
CSS
、JS 到 Replit 对应的三个
文件
当中(每一个文件都有坑)。
•
HTML
:仅
替换
Hello world
,其他的
代码
不要删掉。