分享 3 个开源工具:按照自己的需求和理解,尝试开发小工具
前情提示: 本篇文章关于「工具」的优势和功能介绍部分,使用了更专业的 AI 辅助说明,便于大家更好的理解我创作的工具。 开发这几个工具的前因后果、背景,都是源于我个人的真实体验,也由我个人亲自撰写。 工具或许还不完美,但我也调试、完善了很多轮,希望大家不喜勿喷,多多提出有建设性的建议。 谢过大家!
最近做了 3 个好用的工具,分享给大家:
我喜欢写 博客 ,但是常常一篇稿子写完,事情才刚开始。
因为我在不同平台都会发布内容。所以这一篇稿子它得先变成多种形态才能被看见:公众号要全内联样式的 HTML,豆瓣要富文本,少数派要规整的 Markdown,小红书要图文模式……
内容发出去之后,读者在不同平台点进来阅读,又有一个挑战。
读者会发现有些显示页面屏幕有一半是广告和「关联阅读」,还有一些其他的干扰。比如少数派的首页,干扰太多了。
有时候你想打开 YouTube、B 站放松一下,发现「网页全屏」那个按钮藏在控制条里 —— 得先把鼠标移进播放器、等控制条浮出来、再找那个小图标,很不方便。
这三件事看起来毫无关系,但确确实实会影响我们很多使用体验。做这 3 个脚本的过程中,我发现,我干的是同一件事:把平台的默认形态转变成更适合我个人的使用习惯。
于是有了我自己编写了三个工具。都不大、不复杂,但能解决一些痛点、提升一些体验,这些工具都开源,供大家使用。
文章分发台:一稿多态
地址:文章发布页
同一篇文章、同一个 .md 文件,导入 or 粘贴进我的工具页面里,左下方选择平台,右边就可以获得满足不同平台的格式内容。
做自媒体内容,尤其是写东西的,麻烦的地方在于,我写了一篇文章,每个平台要求的格式、主流内容展示方式,根本不是一个东西:
| 平台 | 怎么处理 |
|---|---|
| 少数派、知乎 | 直接转:规整的 Markdown + 图片上传清单 |
| 微信公众号 | 要排版:全内联样式的 HTML(微信不认 和 class) |
| 豆瓣、B 站专栏、头条号、百家号 | 要清洗:标准 HTML,清洗强度依次递增 |
| 小红书、推特、即刻、微博 | 要改写:按平台语气重写的短文案 + 配图 |
几个小亮点
- 发布台账:复制即标记已发,多个平台的进度一眼看到,链接可以事后补
- 草稿箱:摘要、四平台文案、标题候选自动存盘,关掉标签页也不丢
- 合规检查:本地词表 + 正则,不联网,正文一个字节都不出浏览器
- 配图卡片:封面 + 每个小节一张 + 结尾,3:4 / 1:1 / 16:9 三种比例按比例重排(不是整体缩放,不然 16:9 的字会小一半)
- 标题与标签:一次给 8 个角度,至少 3 条在 20 字内 —— 小红书标题上限就在那
不做一键发布
公众号没有给个人开放发布接口,绕过去的路子都是灰色地带。所以这个工具只做两件事:把产物复制到剪贴板,和复制完把发布页打开。
不碰账号、不填表、不代发。多按一次「粘贴」,换的是不用把登录态交给一个网页工具 —— 这笔交易我觉得值。
它也没有服务器。Key 存在你自己浏览器的 localStorage 里,请求从浏览器直连服务商,没有任何中转。所以它断网也能打开(Service Worker 缓存了外壳),草稿箱照样能看。
少数派阅读增强:一切为了阅读
地址:少数派增强脚本
我经常看少数派的内容,但少数派的首页和文章列表做的并不好。它的首页文章列表页把三分之二的屏幕给了轮播、侧栏和推广卡;文章页在正文之后又堆了广告、打赏、评论和「关联阅读」,我觉得用着不舒服。
我的这个脚本做的事很简单:把它们拿掉。
使用脚本后,一屏从 4 篇变成 9 篇,这个差别不只是「好看一点」,而是我「更愿意打开、浏览更舒服」。
文章页更夸张。一篇长文原文大部分显示的并不是正文:
| 清掉的块 | 高度 | 是什么 |
|---|---|---|
.related__read__wrapper | 864px | 关联阅读板块 |
.advertisement__box | 398px | 文末广告位 |
.comment__footer__wrapper | 392px | 正文末尾的「发表首评 + 表情」互动条 |
.post__comments | 237px | 底部固定栏的评论区入口没丢 |
.article__charge__card | 222px | 派友充电、打赏显示 |
用我的脚本清理、处理后,保留的是正文、文章标签与责编信息、目录,以及底部那条「说点什么…/分享」固定栏,都是有用、能用上的部分。
深色主题下同样生效,颜色全部走站点自己的 CSS 变量:
并且我的这个脚本,可以实现你进入「某个创作者主页」,默认的显示从「动态」变成「文章」,我觉得才更符合大部分人的需求——我对你的某篇内容感兴趣,以至于对你这个人感兴趣,想看你更多的原创内容、而不是你的动态。
希望你们喜欢。
网页全屏:一键直达
地址:网页全屏工具
我喜欢用电脑浏览器看 YouTube 和 bilibili 的内容,但有时候也需要在浏览器里处理别的事情,所以我想要「视频」的显示范围尽可能大、而且没有别的东西干扰。网页全屏是个很好的功能,但是并不是每个网站都适配,而且就算适配了,用起来也没那么「方便」。对于我来说,网页全屏是个高频使用的功能,所以理应像我平时使用 Mac 的快捷键那样方便。
「网页全屏」这个按钮,在大多数视频站上都藏在播放器右下角的控制条里。有些站干脆没有这个按钮,只有「全屏」—— 那个会真的接管整个屏幕,切换窗口就得退出。
我这个脚本,把「网页全屏」变成一个 Esc 键。
| 按键 | 做什么 | 什么时候不接管 |
|---|---|---|
Esc | 网页全屏 / 退出 | 光标在输入框里、已经在系统全屏、页面上没有像样的视频 |
F2 | 画中画 / 退出 | 光标在输入框里、页面上没有像样的视频 |
我觉得,对于很多喜欢在浏览器上看视频网站的人,这个脚本有很大帮助,会持续提升使用体验。
三个工具的共同点
这三个东西虽然感觉不同类别、不同风格,但其实做法和目标却很明确、很专一:
只做一件事 :分发台不做发布,少数派脚本不改内容,全屏脚本不管 iframe 里的播放器。边界划清楚。
不收集数据: 三个工具都没有服务端,Key 在 localStorage,已读记录在 localStorage,视频脚本一个请求都不发送。
全部都开源: 改坏了别找我,改好了欢迎提交分享。
安装、使用方法
这三个工具,两个是 Tampermonkey 脚本,一个是网页应用:
- 文章分发台:打开 publish.hulatu.com,把自己的
.md添加或者粘贴进去。不用注册,不用登录,AI 功能可选(自己填 Key),生图和内容总结。 - 少数派阅读增强:装 Tampermonkey,点 sspai-tidy.user.js 。
- 网页全屏:点 Video-Fullscreen.user.js,打开一个视频按
Esc。
两个脚本以后我推新版本,Tampermonkey 会自己提示更新,不用手动重装。
写这三个东西最大的收获,倒不只是满足了自己的成就感 —— 而是让自己每天实实在在会用到东西,变得更好用了、体验更舒适了。
大部分时候「少一步、清爽一些」,对于工作效率和使用体验上的提升,是很直观的。
工具的意义大概就是这个:把「少一步」从愿望变成现实、变成专属于自己的默认模式。工具,就得是为自己的个性化需求服务。