给大佬们推荐个玩具，一秒钟打开在线 VS Code 阅读 GitHub 代码

[netcon]

在 GitHub 上读代码总是觉得不方便，即使有了 Octotree 这种东西也总觉得切来切去太麻烦了，clone 下来有的库超级大还太慢了，于是便萌生了搞一个在线 VS Code 读 GitHub 代码的工具（这想法早就有了，一直懒得搞）

给大佬们推荐一个自己最近无聊做的小玩具，过年放假了方便各位大佬们在 GitHub 上读代码。

这小玩具用法很简单，比如你现在正在看 facebook/react 这个代码库的代码，觉得页面切来切去很麻烦，直接在浏览器地址栏 github.com 中的 github 后面，加上个 1s，然后回车就行了，所有的公开代码库都可以。

URL 从 https://github.com/facebook/react 变成了 https://github1s.com/facebook/react

纯前端的哈，直接用的 gh-pages 托管，获取代码是 GitHub REST API，如果遇到了 Rate Limiting 设置个 OAuth Token 就好了，没有自己的服务部署，所以这网站服务理论上不会挂。

仓库地址： https://github.com/conwnet/github1s

有啥好的建议欢迎提，反正过年在家也没啥事儿。

[sam014]

这个真不错

[psx2019]

很不错.谢谢

[faceair]

https://chrome.google.com/webstore/detail/dgjhfomjieaadpoljlnidmbgkdffpack Sourcegraph 插件效果差不多的

[Terry05]

已加入肯德基豪华午餐，有空就会翻出来撸两下，这也是买了新键盘的练手利器嘛

[kikyous]

javascript:(function()%7Blocation.href %3D location.href.replace("github.com"%2C "github1s.com")%7D)()%3B

配合这个 bookmarklet 更香

[Throwable]

真的好 idea

[RoshanWu]

很棒，mark 下👍🏻

[KleinP]

真不错

[netcon]

中文问题已经修复~

[ttimasdf]

666，不知道全局搜索的功能有没有可能实现？我也不知道 Github API 有没有这功能。如果把所有文件拉下来再搜，大仓库可能又有点吃力。

[aimerforreimu]

好域名，如果不是 ‘+’ 不能在域名中，我觉得这个域名能更好

[luren123]

👍

[netcon]

@ttimasdf https://docs.github.com/en/rest/reference/search#search-code 搜索功能是得做，我看 GitHub 是有类似的 API 的，不过有一些限制，我得想一下怎么实现比较好

[baiyi]

这个太👍了

[zhangdawei]

有想法，能动手，不错

[honkki]

+1s? 蛤？

[oxromantic]

点个赞

[kikyous]

没有 vue 文件的语法高亮

[superszy]

试了一下非常棒，感谢

如果写个油猴脚本一键跳转就更方便了~

[hsc0der]

这个太👍了

[netcon]

@kikyous 确实是，我加个 vue 的插件

[netcon]

@superszy 在 44 楼已经有老哥做过啦

[nightwitch]

可惜没有 goto 。。

[daquandiao2]

打不开

[FunamiYui]

很棒！👍

[Huelse]

真不错！

[comwrg]

挺不错的想法和实现

[festoney8]

非常棒，很方便

[efaun]

👍

[spongebobsun]

赞...要是能在线编辑就更棒了 (我也知道实现起来估计比较难

[someonedeng]

冲+1s，start 了，而且确实好东西

[image72]

如果能安装 package.json 中 dependences 就好了，应该需要增加一个 browser fs
还有能加载 git submodules

[fzinfz]

感谢楼主让我发现了新大陆~
PS: "as same as"貌似是错误用法： https://forum.wordreference.com/threads/as-same-as-or-the-same-as.2851995/

[netcon]

@fzinfz 哈哈哈尴尬，英语不好我改一下

[hAppyTreeFrienDs]

真不错!

[wujunchuan2008]

天若有情天亦老，我为网站续 1s

[kikyous]

能不能加上 gitlens, 能看 git 提交记录和 blame 就好了

[fighterhit]

真不戳

[ianeiu]

nice

[pi1ot]

建议可以考虑做一个 edge/chrome 插件，可以在 github 页面一键打开 ide

[zhuweiyou]

不错

[cking]

这是怎么做到的 纯后端 但是对前端非常感兴趣

[freenull]

点个赞

[wooleo]

非常棒

[snuglove]

秀啊

[cocomanber]

天秀

[docx]

手机没加载出来😳

[shunia]

好家伙，我直接好家伙

[Hasel]

@netcon 能支持自定义字体大小么，对老年人来说默认字体有点太小了。

[netcon]

@Hasel 设置里面直接改就行，会保存到本地

[baoshuo]

太好了，mark 一下 👍
要是有中文插件就更好了

[image72]

@netcon 如果你做了 browser fs 之后，就可以像在本地一样
全局搜索，包括依赖安装, git submodule 加载都没问题了

[huangsen365]

有使用跨域技术吗？如果有跨域的话 访问量大了 之后 被 github 官方 发现会直接屏蔽的吧？现在运气好 api.github.com 的 repsonse header 返回的是 access-control-allow-origin: *
允许任何跨域

[Lemeng]

点个赞

[netcon]

@image72 这个我想想怎么做，因为没法直接在浏览器上 clone

[netcon]

@huangsen365 是跨域的，不过应该没问题，github 提供的 api 就是可以这么用的，但是有 rate limit 限制，如果 github 改了会有很多应用挂掉的

[quericy]

这个有办法支持 gitlab 仓库么，需要对接 gitlab 的 api ？

[xingstar]

这个项目很牛皮，赞哦

[ada87]

good

[netcon]

@cking 后面我会抽时间把具体原理补到 readme 里面～

[netcon]

@dzyou2007 移动端暂时不支持...工作量好大，后面等 vscode 支持了这个就支持了😂

[netcon]

@quericy 是的，支持 gitlab 应该很简单，改几个接口应该就行了

[Dvel]

太棒了这个 👍👍👍

[woostundy]

求增加 vim 模式

[huangsen365]

@netcon 感觉可以引导用户使用 chrome 插件（专门为 github1s 开发），这样使用体验更佳，不然用户要手敲 1s 其实久而久之会形成一种不安全感因为担心 typo 各种。。。

[skye]

想法牛逼！

[netcon]

@woostundy 插件配置能力近期更新上去~

[netcon]

@huangsen365 多谢建议，上面有老哥已经搞了个油猴脚本，近期我再搞一个插件

[jisuowei]

666

[a2001103]

厉害了 我的哥

[JankinAnn]

厉害 想法好，实现棒。

[huangsen365]

@netcon 可惜楼主开发这种东西只能使用境外网络比靠谱。。
不然在国内被滥用了会被监管的。。。

[leven87]

首先给楼主点个赞！ 有想法。
我最喜欢的是可以左侧有树形目录浏览，节省大量在 github 上页面刷新的时间。
代码高亮这些，对我其实无所谓。
如果能够加入函数跳转，那就真是非常实用了。甚至可以免去我 clone 到本地的工作量。不过估计不容易。

[BIAOXYZ]

老哥你这才是良心项目，赞一个~

[ljpCN]

刚在知乎看到，油管和 tiktok 也可以加一秒

[codehz]

希望能加入切换分支和 commit hash 的功能

[netcon]

@codehz 现在也是可以的，在 github 上切换完再加 1s 就行了，后面我在 github1s 里面再加上切换的能力

[southlink]

不錯，要是能弄到 vscode 插件就好了

[huan1209]

不错不错

[dragondove]

代码跳转有办法实现吗？ github 现在有跳转的功能（但是并不好用，有些跳转是错误的，会跳转到无关的同名方法(Java)），能跳转的话对阅读代码应该有很大的帮助。

[cking]

@netcon 感谢大佬 正好给我学习的助力

[image72]

@netcon 在浏览器使用 git 有很多方案的
https://github.com/petersalomonsen/wasm-git
https://www.npmjs.com/package/isomorphic-git

[henmeiweide]

太爽了，感谢楼主

[netcon]

@image72 感谢，我研究一下

[moell]

好东西，已 star

[looppppp]

好棒

[tkl]

gitpod ？？？

[zhongzc]

好东西，后续可以支持在 PR 界面 +1s 后切换到 PR 所在的分支吗

[oo1]

TQL!纯前端原来有这么丰富的能力！

[pushyzheng]

太赞了！

[gqbre]

整个仓库搜索，允许切换分支
加上这两个就无敌

[circlehotarux]

太厉害了，已 start

[nthhdy]

不错啊，很方便。

感觉用起来还是有点不流畅。打开项目虽然快，但是打开目录和文件要稍等一下。command + p 列出的文件列表只是已经打开的文件，看起来跟桌面版里面提前建好索引的做法不一样。在浏览器里面一些快捷键似乎不一样了？

仅从用户角度说说，vscode 插件我不太懂，瞎说。

[abowloflrf]

太棒了，比 sourcegraph 快好多

[netcon]

@nthhdy 现在是为了防止 rate limiting exceeded 只有点开目录的时候才会加载目录结构，后续会提供一键加载全部的功能，更换 GraphQL 之后应该也会减轻 rate limiting 的限制

[kosgug]

太牛逼了，真好

[JayZXu]

这东西真的好用！

[SpiderXiantang]

这已经不是玩具了。。

[shaopu]

打开后是显示：Unable to open '~': Unable to resolve resource

[lzdyes]

真不错，用起来很方便