↑ 画面不动?没声音?点这里!(教程

今天在 YouTube 看了一个谷歌的开发视频,里面主讲者用 Glitch.me 做了代码的演示平台,所以自然地通过视频下方的演示链接,接触到了 Glitch,初步使用过后,我觉得这和 now.sh 等功能差不多,专为Web静态页面提供快速发布服务。目前我看百度里对其介绍的文章基本没有,那我就来介绍一下它吧!

部分内容翻译自官方的说明,可不是我瞎编的!

Glitch到能干啥?

创建Web应用的工具

  • 其可以让所有人都能够使用此“开发工具”,因此其足够简单、易用。完善的代码补全提醒、健全的团队管理功能是其基本功能。除此之外,Glitch其实是一个协作式编程环境,只需要使用浏览器的开发页面,就可以构建从静态网页到结合全栈Node框架的所有应用。

  • 第二个令我惊讶的特性是“多人协作开发”的功能,Glitch在这里真正做到了实时多人在线开发,这个功能还是很吸引人的。

  • 第三点则是应用的“即时上线”功能,这里要吐槽下国内的Coding,使用静态部署一小时只有十次配额,对于Glitch,这将是无限的、实时的、无需我们干预的过程,Glitch本质上没有部署或发布的概念,修改后即生效。

  • 第四点黑科技则是“和已有IDE的无缝结合”,例如可以在VSCode中使用插件来将Glitch的web开发页面搬到VSCode中,其余操作完全无影响。再比如结合Github,直接导入已有的代码进行构建。

友好、创造性的社区

Glitch已经包含了非常多的有趣的项目,包含了各种分类的各种内容,以游戏为例,其允许我们直接看到、使用到游戏渲染后的内容,这也算是Glitch的黑科技吧,如果你对某个项目感兴趣,那么将其内化并加以完善在Glitch上也是非常容易就能实现的!

Glitch怎么用?

详细讲解其用法是不现实的,这里就两个关键功能来对Glitch做个简单的讲解。

快速发布静态页

有多快速呢?基本上就是“新建项目->编辑index.html->获得页面链接”就结束了。具体登陆时可以直接用Github登陆,其不会再有附加账号的要求。新建项目后会发现有个双栏的开发页面,所有工作都可以在这个页面完成,而且重点是左侧部分,功能基本都在这块。

iamchinese 项目为例,修改完index.html后,随即打开左侧头像旁边的Share下拉框,选择LiveAPP,即可复制当前的页面链接,即:https://iamchinese.glitch.me,如果对默认名称不满意,可以直接修改一个可用的名称(即修改最左上角的项目名称)。

绑定域名

左下角,点击 Tools -> Custom Domains,输入你的域名,即可以获得进一步的绑定信息。你会发现以下内容,至此应该有域名的朋友就知道怎么做了。

1
2
3
4
At your domain registrar 
you'll need to create a CNAME record
for ihave.diedin.icu pointing to
peyk2z9el29xvm93.preview.edgeapp.net

需要注意的是,Glitch已说明如果你想直接访问preview.edgeapp.net这个链接,那么你只会得到Not Found。其只能在CNAME下生效。这里我用Dnspod,只需要添加一个CNAME即可。解析后即可访问 ihave.diedin.icu

至此,其主要功能“快速发布静态页面”就基本介绍完毕,各种扩展、功能大家可以自己去慢慢探索。

不过据不可靠消息称,Glitch在国内无法访问,未验证。



😒 留下您对该文章的评价 😄



 评论




全站共计 295.4k 字,自豪地使用 Volantis 主题

博客内容遵循 署名-非商业性使用-相同方式共享 4.0 国际 (CC BY-NC-SA 4.0) 协议