写在前面

bill 小朋友让杜老师写篇关于 Replit 的使用教程，在此之前杜老师并未了解及使用过 Replit，所以站在小白角度，边学习使用边撰写该篇教程。

Replit 集成代码编辑器、开发环境、云提供商、团队协作工具、教学工具、学习工具，可以说直接在其中编写的代码即可作为服务来运营。

网站地址

官网地址如下：

官网地址

https://replit.com/

注册登录

相信很多小伙伴都拥有 GitHub 的账号，使用 GitHub 账号即可快速登录 Replit，无需额外注册：

控制面板

成功登录后即可看到 Replit 控制面板，英文不好的小伙伴可以通过浏览器的翻译功能汉化界面，在这里我们可点击左上角 Create 创建项目，这里可以看到支持多种编程语言：

导入仓库

除使用各种编程语言模板创建项目外，还可直接导入 GitHub 仓库中源码，点击 Import from GitHub 就行了，手动输入仓库的关键词即可匹配，还会自动识别仓库内代码的语言类型：

界面介绍

界面默认由五部分构成，左上是文件浏览器，可以查看仓库中的所有文件；左下是环境资源监控器，包含 CPU 内存和存储空间；中间为编辑区，选择文件即可直接编辑；右上为指令快速设置区，可以设置默认执行命令；右下角为终端，可执行 Shell 命令：

部署博客

为了实例演示，杜老师导入了本博源码，直接在终端里执行命令部署。且为方便展示，杜老师关闭了用不到的窗口：

演示失败

最终结果不太理想，博客页面文件生成失败，看上图右下角「环境资源监控器处」即可发现 CPU 已占满，看最后生成的错误信息，应该是内存不够了：