我丢，GitHub 上竟然还有这种骚操作

蔚落 2021-09-10 07:24 342阅读 0赞

标题：可能是 GitHub 上迄今为止最奈斯的源码浏览插件

大家好，我是沉默王二。

今天来给大家介绍一个 GitHub 上的骚操作，简直了！

众所周知，GitHub 是一个面向开源及私有软件项目的托管平台，因为只支持 [Git][] 作为唯一的版本库格式进行托管，故名 GitHub。

GitHub 社交化的编码理念让它成为了国内外开发者眼中神圣而不可侵犯的尤物，无数优质的开源项目依托于 GitHub，并在全球开发者的共同参与下蓬勃发展。

**不过，讲真，你有在 GitHub 上好好的读过源码吗**？

不用谦虚，我估计大多数人没有这个习惯（包括我啦）。GitHub 再优秀，和 IDE 还是有差距的，在上面阅读代码实在是不够方便。我有尝试为 Chrome 浏览器装过 Octotree、Sourcegraph 这样的帮助插件，但仍然感觉用起来不够愉快。

在我遇到今天分享的猪脚之前，用得最多的还是把仓库克隆到本地，然后再通过 IDE 打开后去浏览。虽然我不是一名技术极客，但总觉得这种方法有点不够潮。

**如果能在浏览器中像 IDE 那样阅读 GitHub 源码，该多好呢**？

那今天我就来给大家介绍这个骚到天际的骚操作，只需要在GitHub 仓库域名后面加上 `1s`（1 秒内），比如：

> [https://github1s.com/lenve/vhr][https_github1s.com_lenve_vhr]

就能在浏览器里面使用 VS Code 环境来阅读这个仓库的源码！

![1179389-cc4fbcba1aa26695.png][]

**真的是大开眼界啊**！

就在仓库的域名后加个 `1s`，就能用支持语法高亮、代码重构的 `VS Code` 来阅读源码，大家服不服我不知道，反正我是服了！

这是为什么呢？背后发生了什么呢？

答案很简单，这依赖于 GitHub 上星标 15.3k 的一个仓库——名叫 [Github1s][]，基于 VS Code 1.52.1，一个支持在浏览器里面直接工作的版本。

Github1s 的灵感主要借鉴了 [code-server][] 这个优秀的开源项目，星标有 40.6K，可以将 VS Code 运行在任何支持浏览器的机器上。可以说，Github1s 是站在了巨人的肩膀上。

多亏了 VS Code 强大而又灵活的可扩展性，使我们可以借助它的 [FileSystemProvider][] 接口实现自定义的文件 IO 扩展。

另一方面，GitHub 也提供了强有力的 [REST API][]，使得我们可以自由地读取仓库的目录和文件。

也就是说，VS Code 的可扩展性和 GitHub 的 REST API 成就了 Github1s 的强大功能。

![1179389-a5bcf9feade024cf.gif][]

由于 Github1s 是部署在 [GitHub Pages][] 上的，所以它是一个纯静态的 Web 应用程序，也就意味着它并不需要一台专门为其提供服务的服务器。赤裸裸的白嫖啊，还非常可靠，因为 GitHub Pages 就非常可靠，我的个人博客也是部署在 GitHub Pages 上的。

![1179389-3fa93ac6a8ad7558.png][]

美中不足的一点是，只能阅读源码，不能编辑，文件是只读的——希望 Github1s 的作者能在未来实现这一点，那简直就不要太舒服了。

大家对这个骚操作感兴趣的话，不妨去试一下。如果有时间的话，可以顺带阅读一下 Github1s 的源码学习下。

> 给「沉默王二」公众号加个星标吧，从此你是风儿我是傻，我们下期见！

[Git]: https://links.jianshu.com/go?to=https%3A%2F%2Fmp.weixin.qq.com%2Fs%2F_pgqMbAME1iWYFV-ZfHsQA
[https_github1s.com_lenve_vhr]: https://links.jianshu.com/go?to=https%3A%2F%2Fgithub1s.com%2Flenve%2Fvhr
[1179389-cc4fbcba1aa26695.png]: /images/20210809/f05de572a1d4438cb5b7c70cae069369.png
[Github1s]: https://links.jianshu.com/go?to=https%3A%2F%2Fgithub.com%2Fconwnet%2Fgithub1s
[code-server]: https://links.jianshu.com/go?to=https%3A%2F%2Fgithub.com%2Fcdr%2Fcode-server
[FileSystemProvider]: https://links.jianshu.com/go?to=https%3A%2F%2Fcode.visualstudio.com%2Fapi%2Freferences%2Fvscode-api%23FileSystemProvider
[REST API]: https://links.jianshu.com/go?to=https%3A%2F%2Fdocs.github.com%2Fen%2Frest
[1179389-a5bcf9feade024cf.gif]: /images/20210809/2a3fc71d41464c71a37d3c06442bcc99.png
[GitHub Pages]: https://links.jianshu.com/go?to=https%3A%2F%2Fpages.github.com%2F
[1179389-3fa93ac6a8ad7558.png]: /images/20210809/bf92c6e878de40eda9e125a66e3da893.png