#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 这指定的行为通常没有多大意义，一般使用使用 initial 或 unset 作为替代。

为什么突然介绍这个关键词呢？因为我发现 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

📕 少数派文章发布：做一个好看的数据展示「小标签」，在个人网站实时展示你的粉丝数

大家🔥去康康，比之前博客写的要详细很多噢。

📮 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-fame 是 Sourcerer 为 GitHub 开源仓库提供的一个贡献者榜单，每小时通过 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 #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

#摸鱼 #GitHub #OneDrive #Cloudflare

🏵 Yet Another OneDrive Index: onedrive-cf-index

GitHub | Demo

啊！这周的鱼算是被我摸干净了！！！

周一的时候同学（妹子）管我要我们专业的专业课资料，目前我的所有资料都存在 OneDrive 上面，直接一个一个分享不现实，借这个机会我终于开始找各种 OneDrive 托管的方法。看了看，目前大部分都是需要服务器 VPS 部署，用 PHP 或者 Go 写的，只找到了一个算是比较完整的用 Cloudflare Workers 部署的 OneDrive Index，自己部署了一下……嗯，直接碰到 bug ╮(╯▽╰)╭

好嘛，我 fork 了过来，仔细读了读，发现还算好搞，于是我重开了一个 repo，在这位同学的现有工作基础上，用 webpack 打包项目，增加各种 feature，修复了刚刚的 bug，实现了文件预览，还用 Google Firebase 做了 token 持久化，最重要的是：我重写了主题！

目前经过我不懈的摸鱼，项目的完成度算是比较高了，但是部署起来要比原项目麻烦很多很多。总之，欢迎大家来 Star 和部署！

PS：我不能再玩了！再玩周一组会就没得论文讲了！╰（‵□′）╯

PPS：零成本！适合我这种穷人部署 🎃

📮 Via channel: @realSpencerWoo