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

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

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

不过有一个IDE比较突出,就是Coding提供的WebIDE1

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

使用

首先你要有一个Coding账号

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

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

关于监听地址

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

jekyll s

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

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

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

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 里面监听了.

引用链接

  • 文章标题: 《Ruby x Jekyll 远程调试环境搭建 - Cloud Studio 调试环境》
  • 发布日期: 2016-09-12
  • 文章分类: Tech
  • 相关标签: Ruby Jekyll Blog