• any list {:toc}

Cloud Studio 搭建Jekyll远程调试环境搭建

今天随手搜了一下关键字Cloud IDE

发现了很多相关内容，但是使用了几个觉得体验不佳，毕竟本地IDE可以自己进行各种配置，而且对于Gitter来说只需要将配置Sync一下，立刻可以创造最佳Coding Env

不过有一个IDE比较突出，就是Coding提供的WebIDE¹

这个IDE其实做的也不是特别完美，但是对于比较小的修改和测试来说已经足够了，最终要的是提供了编译和测试环境

使用

首先你要有一个Coding账号

同时正好博客 repo 放在Coding上面，可以直接导入进来并进行开发

然后建立一个Workspace，和在本地开发没什么区别，到Terminal里面开启Server，然后进入测试链接即可

关于监听地址

一般在本地运行的时候我们是使用

jekyll s

进行自动部署然后在localhost:4000进行访问

但是在WebIDE里面我们并不是访问本地，因此需要监听另一个地址

查看了一下Coding WebIDE和Jekyll的官方帮助²需要使用这样的代码

jekyll s --host=0.0.0.0

然后访问的端口改成4000就可以远程调试了

Cloud Studio 的监听地址

有时候要跑一些 server 的时候, 如果不监听特定的 host 会报 502 Error

解决方法很简单, 就在执行命令的时候设置特定 host 和 port 就行

比如 webpack-dev-server

webpack-dev-server --open --hot

改成

webpack-dev-server --host 0.0.0.0  --port 8080 --open --hot

就可以在 Cloud Studio 里面监听了.

引用链接