📓 Real Spencer Woo
1.33K subscribers
178 photos
3 videos
2 files
153 links
Download Telegram
#GitHub #Telegram #bot #cat

🐱 喵 o(=•ェ•=)m 发现了一个 Telegram 机器人 — HTTP Cat Bot,直达链接:@HttpCatBot

开启机器人之后,在任意对话中输入 @HttpCatBot,再填上一个 HTTP 响应码(比如我最喜欢的:400 - Bad Request),Bot 会返回给你 HTTP 响应码的「猫科动物」表示法:一只喵…(23333)

相关链接:
HTTP Cat Bot GitHub 仓库
HTTP Cat 官网 http.cat

📮 Via channel: @realSpencerWoo
#App #GitHub

⚡️ Blaze:基于 WebRTC 和 WebSockets 的点对点文件传输 PWA 应用

Blaze 是一个使用 socket.io 建立实时点对点连接的文件分享 Web App,利用 Blaze 我们能够在任意两台设备之间建立 peer-to-peer 的连接,从而分享各种文件。无需安装任何应用,直接在浏览器中访问传输即可。Blaze 曾登顶 Product Hunt #1。

体验:实测传输速度可以,但是由于进入房间是通过直接输入「用户名称」和「房间名称」来实现的,所以我感觉这个传输不但没有加密,而且有其他用户意外进入你的私有房间的可能。不过考虑到如果传输非重要文件,比如公开发布的文字、图片等,还是值得尝试的。

相关链接:
- 官网:Blaze - Fast peer to peer file sharing web app ⚡️
- Product Hunt 页面:Product Hunt - Blaze

📮 Via channel: @realSpencerWoo
#GitHub #Server

推荐 Uptime 监控服务:Statping - Status Page for monitoring your websites and applications with beautiful graphs, analytics, and plugins.

Demo | GitHub

提供类似于 Uptime Robot 的服务,每几分钟尝试访问一下监控的服务,确保服务在线。需要部署到自己的服务器上面,可以利用 Docker 部署。我已经在部署 Statping 有一个月了,非常 nice,特别是可利用 CSS 定制化的 UI 界面,以及相当漂亮的原生 iOS、Android 应用让我非常满意。推荐有服务器,需要监控多个 API Endpoint 的同学尝试使用。

📮 Via channel: @realSpencerWoo
#CSS #技术 #Web #GitHub #Windows

🎀 CSS 的 inherit 关键词可以让元素获得其父元素的属性(计算)值,即:继承父元素的样式。

对于继承属性,inherit 关键字只是增强了属性的默认行为,只有在重载 (overload) 其它规则的时候被使用。对于非继承属性,inherit 这指定的行为通常没有多大意义,一般使用使用 initialunset 作为替代。

为什么突然介绍这个关键词呢?因为我发现 GitHub 的 Emoji 在 Windows 浏览器里面渲染偏下,这是因为其 CSS 样式表中有这样一条属性定义:

g-emoji {
vertical-align: middle;
}


在 Windows 的 Firefox、Chrome 里面,这条规则都让 g-emoji 元素位于当前行偏下的位置。如何将这条 CSS 通过浏览器自定义规则插件 —— Stylus,来去掉呢?我们就可以利用 inherit 这一关键词,将 vertical-align 的值设置为 inherit 来去掉 g-emoji 偏下的渲染效果:

g-emoji {
vertical-align: inherit;
}


我们在 Stylus 中创建一个新样式,填入上面的代码并保存,使之适用于 GitHub 网站即可。

📮 Via channel: @realSpencerWoo
#GitHub #Windows #WSL #更新 #dowww

🎉🎉🎉 历经快半个月的时间,我终于将 Dev on Windows with WSL 重构完成!Dev on Windows with WSL 迎来了 v1.0.0 的里程碑!本次文档重大更新,所有内容几乎全新开始。感谢大家的关注和期待 (✿◡‿◡)

Dev on Windows with WSL 新版入口 | GitHub 仓库

🍗 本次重点更新在于对 WSL 2 进行详细介绍,以及对 VS Code 利用 Remote 远程开发组件包连接 WSL 环境的配置方法的详细讲解。除此之外,文档还增加了 WSL 与 WSL 2 的架构对比、WSL 与 WSL 2 的详细安装方法、VS Code 利用 WSL 环境开发各种语言项目的配置方法……

🥟 同时,文档主网站 VuePress 版本更新到 ^1.0,引入了更细腻的 smooth-scroll、Medium 风格的图片预览,重新设计了强调色和侧边栏样式,还嵌入了 Algolia 文档搜索服务。另外,在 VuePress 默认主题的基础之上,还增加了版本归档、版本切换的功能。

💗 一年多之前,更确切的来说,2018 年的国庆期间,Dev on Windows with WSL 仅仅是我一个个人的项目,而且仅仅是一篇文章。到今天,我和几位 Contributors 已经撰写了超过 5 个部分的 18 章内容,获得了 360+ Stars,解决了 20 余个问题,合并了 10 余个 PR。感谢大家的关注,鞠躬。

🌟 本条消息欢迎大家奔走相告,让更多的同学了解如何在 Windows 上用 WSL 优雅开发。欢迎大家去 GitHub 上面 Star 项目,你的支持是我更新的最大动力~笔芯 (´▽`ʃ♡ƪ)

📮 Via channel: @realSpencerWoo
#CLI #GitHub

🎫 lsd:下一代 ls 命令继承人

GitHub | Installation

古老而必备的命令 ls 伴随着我们使用 Linux 的整个过程,很多开发者都希望或直接尝试让 ls 拥有更多的功能,这其中就有相对知名的 colorls 项目:用 Ruby 实现的 ls 命令高亮与图表显示。

Ruby 毕竟是脚本语言,性能堪忧。这里我们介绍的 lsd,即为用更加底层的静态语言 Rust 编写的高性能 ls 替代,拥有 ls 的几乎所有功能和速度,也拥有 colorls 的漂亮颜色和图标。推荐大家替换安装。

alias ls="lsd"

📮 Via channel: @realSpencerWoo
#CLI #Tools #GitHub

🎰 c • wim /c-wɪm/ - Count Words Inside a Markdown file. (CJK friendly)

GitHub | Release

总算在节前把去年 12 月开的坑填好了 (✿◡‿◡),cwim 是一个类似 cloc 的命令行工具,利用 unicode-segmentation 来统计一个目录下、一个 Markdown 文件中的行数、字数以及阅读时间等参数。cwim 提供类似 cloc 的基础命令行参数,目前能做到对 .md.mdown.markdown 文件内容的统计,能自动将 *、-、_、# 等符号排除统计,能仅统计图片 caption 文字与链接内文字,并支持 CJK 字符的统计等。

cwim 更多的是我个人使用 Rust 编写 CLI 工具的一个尝试,不能说 production-ready,我也没有撰写任何 test suite,更尚未发布到各个系统的包管理市场,感兴趣的同学可以手动在 GitHub Release 下载三大系统的可执行文件,鞠躬。

📮 Via channel: @realSpencerWoo
#GitHub #Design #Userscript #Chrome #Firefox

🍭 GitHub 白色 favicon 用户脚本

不知道用 Dark Mode 的同学有没有发现 GitHub 的 favicon 在黑色主题下几乎无法看清,图标和背景混在一起。还好,我们可以用 Userscript 来手动更改 GitHub 图标的颜色,让它在黑色背景下呈现白色 favicon。

这里是 @tobbez 提供的 github_white_favicon,我们直接复制整个脚本,在浏览器安装好的用户脚本插件(比如 Chrome 的 Tampermonkey、Firefox 的 Greasemonkey)中创建脚本,并粘贴即可。清理浏览器缓存之后,我们就可以成功将 GitHub 图标更换为白色图标了。

🔗 相关文章:用 Chrome 的人都需要知道的「神器」扩展:「油猴」使用详解

📮 Via channel: @realSpencerWoo
#GitHub #Proxy #Cloudflare

📥 加速 GitHub 文件下载 — gh-proxy

GitHub | Demo

GitHub 最近访问越来越随缘了,而 GitHub Release 又是直接存储在 AWS 上的,对国内的同学来说访问更慢。gh-proxy 是一个利用 Cloudflare Workers 对 GitHub Release、Archive 和项目文件进行加速的服务,同时也支持加速 git clone 项目。

实际用下来,演示地址(就是上面的 demo)就可以让国内同学无代理直接下载 GitHub 内容,网络环境好的情况下,速度非常可观。(不过还是没有直接挂代理快。)推荐大家用来帮助其他没有特殊条件(我不是,我没有,别瞎说)的同学下载 GitHub 内容,方便所有同学直接下载一些仅在 GitHub Release 上发布的软件等。

📮 Via channel: @realSpencerWoo
#GitHub #OSS

🏆 GitHub 仓库贡献者榜单:Hall-of-fame for GitHub

GitHub | Sourcerer 官网

终于发现了一个不需要用 Open Collective 就可以直接使用的 GitHub 贡献者列表!Hall-of-fameSourcererGitHub 开源仓库提供的一个贡献者榜单,每小时通过 GitHub API 访问你的开源仓库,并分析其中的:至多三个新贡献者、至多四个 Trending 贡献者,并将 7 个贡献者的 GitHub 头像以插件的形式显示在相应的 GitHub README 里面。

Hall-of-fame 并没有像 Open Collective 一样需要 100 个 Star 才可以解锁使用,不过缺点是只能显示 7 个贡献者,并不能将所有历史贡献者全部囊括其中。当然,对于我们这些小仓库来说,还是可以用用的~

另外,Hall-of-fame 背后的 Sourcerer.io 是一个 GitHub、GitLab 仓库数据统计服务,可以对你的公开 GitHub 仓库进行分析,找到你的 commit 记录中有价值的一面,整合为你自己的 GitHub 代码偏好页面,展示你的代码风格、熟悉领域等等…

📮 Via channel: @realSpencerWoo
#GitHub

♨️ GitHub Feature Preview 更新

GitHub 又出新的 Feature Preview 了,这回有两个选项:一个是圆角的设计风格更新,一个是仓库页面 UI 元素排版的调整。同学们可以去 GitHub 右上角的头像下拉菜单里面选择 Feature Preview 来开启这两个功能。

📮 Via channel: @realSpencerWoo
#GitHub #Substats

🍍 Substats Badge Builder

Demo | GitHub PR

给 Substats 做的 Badge Builder 在 PR 中了,大家可以来这里看看 Preview 版本有没有什么问题:Badge Builder,顺便再揪揪 bug。对了,还要特别感谢一下 @kidonng 实现的第一个 Prototype,给我把 Badge Builder 集成进 VuePress 减少了很多麻烦🧡

📮 Via channel: @realSpencerWoo
#油猴脚本 #GitHub

🙈 CSDNGreener:CSDN 优化油猴脚本

GitHub | OpenUserJS | GreasyFork

终于找到了一个超级好用的 CSDN 优化油猴插件 —— CSDNGreener,有口皆碑的老牌 CSDN 净化脚本,专为你设计。CSDNGreener 超级好用,可以将 CSDN 页面优化的特别干净,还支持在未登录状态下的诸多操作。如果你的同学依旧在用百度搜索技术文章,多半是会涉猎 CSDN 的内容,那么这个油猴插件绝对用得上。即使是像我这种偶尔不小心会点进 CSDN 的某个页面,CSDNGreener 也可以瞬间给我一个干净的页面来专注查看文章的内容。推荐同学们安装!

📮 Via channel: @realSpencerWoo
#VSCode #LaTeX #GitHub

📐 VS Code Math to Image: Render LaTeX math equations in any Markdown file!

GitHub | VS Marketplace | Medium

我和同学长期被 GitHub 霸凌:README 里用 LaTeX 写的数学公式他就是不给渲染。😕 哼,行,老子徒手渲染!为了让 GitHub 的 Markdown 文件里面同样能显示数学公式,我和同学写了一个 VS Code 插件:VS Code Math to Image,用来帮我们把 LaTeX 公式渲染成 SVG 图片,并插入文件里面,这样 GitHub 里也能用 LaTeX 写数学公式啦!

目前 VS Code Math to Image 支持两种渲染方式:① 用 GitHub 自己的 LaTeX 渲染服务器(本来是用来渲染 Jupyter notebook 用的,我悄摸摸借来用一下噢!)渲染 SVG,并以外部链接的方式插入 <img> 标签;② 直接本地用 MathJax 渲染 LaTeX 公式为 SVG 图片,再保存到本地目录下来在 Markdown 文件里面引用。两种方法都能有效在 GitHub 里面写数学公式噢 (^///^) 妈妈再也不用担心我的科研成果没法往 GitHub 上面开源啦!

愣着干什么,快来下载 / Star / 五星好评啊!

📮 Via channel: @realSpencerWoo