DEV Community: Immerse

Daily sharing of independent developer tools

Immerse — Thu, 28 Aug 2025 23:53:59 +0000

Daily sharing of independent developer tools

✨ Independent developer tools:
Keyword Sheeter is a free keyword research tool that helps SEO professionals, content creators, and digital marketers quickly generate a large number of keyword ideas.

👇 Click to go directly:
https://www.indietools.work/product/79685180-915c-4d40-ae02-c181bece59d2?type=seo

IndieHackers # WebDev # IndieTools # Hackers Daily Share

👇 Click to go directly:
https://www.indietools.work/product/79685180-915c-4d40-ae02-c181bece59d2?type=seo

IndieHackers #WebDev #IndieTools #hackers

Daily Sharing

Immerse — Wed, 27 Aug 2025 23:52:10 +0000

Daily Sharing

✨ Independent developer tools:
Seed Keywords is a free SEO tool that helps users discover potential seed keywords.

👇 Click to go directly:
https://www.indietools.work/product/798d9f3e-a4f1-44a9-991a-e477db750ed5?type=seo

IndieHackers #WebDev #IndieTools #hackers

每日分享

Immerse — Tue, 26 Aug 2025 23:54:39 +0000

每日分享

✨ 独立开发者工具：
Free Google Rank Checker 是一款免费工具，帮助用户检查网站在 Google 搜索结果中的排名情况

👇 点击直达：
https://www.indietools.work/product/160d7c12-c962-46b4-bad5-3e944d358b04?type=seo

IndieHackers #WebDev #IndieTools #hackers

每日分享

Immerse — Mon, 25 Aug 2025 23:50:23 +0000

每日分享

✨ 独立开发者工具：
Ahrefs Backlink Checker 是一款功能强大的 SEO 工具，专注于提供详尽的反向链接分析

👇 点击直达：
https://www.indietools.work/product/39d7042d-0bcf-4f3d-bf72-02b8911d0593?type=seo

IndieHackers #WebDev #IndieTools #hackers

不追求完美主义了，先做个垃圾出来！

Immerse — Mon, 25 Aug 2025 02:12:34 +0000

大家好，我是 Immerse，一名独立开发者、内容创作者、AGI 实践者。

关注公众号：#沉浸式趣谈，获取最新文章（更多内容只在公众号更新)
个人网站：https://yaolifeng.com 也同步更新。
转载请在文章开头注明出处和版权信息。

我会在这里分享关于编程、独立开发、AI干货、开源、个人思考等内容。

如果本文对您有所帮助，欢迎动动小手指一键三连(点赞、评论、转发)，给我一些支持和鼓励，谢谢！

耗时两周多终于肝出了图片批量裁剪工具 Cropify: 一款真正安全、高效、专业的本地批量图片裁剪工具

为啥要做这个东西

起因很简单，之前写的 Indie Tools 独立开发者工具站项目，需要获取网站的首页截图。

之前自己写了一个完整脚本，从网站 url -> 整合网站所有数据 -> 一键生成文章 -> 一键生成 sitemap 等等。

但是这个脚本有个缺陷，有时候截取的网站图片不正确或截取失败，这时候就手动介入了，但截取的图片不满足基本的尺寸要求，索性就肝了一个！

失败数少的时候，还行。有时候达到 10 张，然后还要手动裁剪出正确的尺寸，这个过程完全是重复劳动。

最关键的是，批量处理的时候特别麻烦，一张一张弄，累死个人。

既然都是程序员了，干脆自己撸一个算了。

上线体验

做完之后部署到 Vercel，免费额度够用，速度也不错。

现在已经上线了：
国外： https://cropifypro.vercel.app
国内： https://cropifypro.netlify.app
Github: https://github.com/yaolifeng0629/Cropify

主要功能

这个工具最大的特点就是完全本地处理，你的图片不会上传到任何服务器，全都在浏览器里搞定，数据安全有保障。

批量处理：一次能处理 50 张图片，拖进去就行，不用一张张选。

预设尺寸：常用的证件照、社交媒体、电商图片尺寸都有，微信头像、朋友圈、淘宝商品图什么的，选一下就行。

高级功能：旋转、翻转、圆角裁剪，还有九点定位系统，想把焦点放哪就放哪。

格式支持：JPG、PNG、WebP 都支持，质量可以自己调，文件大小实时显示。

开源

代码已经放到 GitHub 了，欢迎各位小伙伴点个免费 Star ~ ⭐

说实话代码写得不算完美，但解决了我目前的问题。

后续计划

准备加一些新功能：

图片滤镜效果
水印添加
更多导出格式
可能考虑做个移动 App

不过现在先这样，用最快的速度做个 MVP 版本出来。

最后说一句

如果你也有类似的需求，可以试试看

希望可以帮助到更多人！

其他好文推荐

2025 最新！独立开发者穷鬼套餐

Windows 安装 Claude Code 的新姿势，保姆级教程

最近 Vibe Coding 的实践经验分享

分享一款 AI 自动生成流程图的工具

一个 Cursor mdc 自动生成器，基于 Gemini 2.5，很实用！

这个 361k Star 的项目，一定要收藏！

搞定 XLSX 预览？别瞎找了，这几个库（尤其最后一个）真香！

1 分钟把简历变成个人网站！这个免费工具太香了

关于 MCP，这几个网站你一定要知道！

做 Docx 预览，一定要做这个神库！！

【完整汇总】近 5 年 JavaScript 新特性完整总览

关于 Node，一定要学这个 10+万 Star 项目！

每日分享

Immerse — Sun, 24 Aug 2025 23:52:27 +0000

每日分享

✨ 独立开发者工具：
Disavow Links 是 Google 的一个高级功能，旨在帮助网站管理员告知 Google 忽略那些指向其网站的低质量或垃圾链接

👇 点击直达：
https://www.indietools.work/product/8b1f9fdf-d8fa-40f3-953b-1c057d1b4584?type=seo

IndieHackers #WebDev #IndieTools #hackers

每日分享

Immerse — Thu, 21 Aug 2025 23:53:57 +0000

每日分享

✨ 独立开发者工具：
ContentKing是一款实时SEO审计和监控平台，用于帮助网站管理员和营销人员监测和优化网站的SEO表现。

👇 点击直达：
https://www.indietools.work/product/cbe31d32-a924-40af-8df0-a37be30b5cfb?type=seo

IndieHackers #WebDev #IndieTools #hackers

#每日分享

Immerse — Wed, 20 Aug 2025 23:52:06 +0000

每日分享

✨ 独立开发者工具：
BeamUsUp 是一款免费的 SEO 爬虫工具，适用于 Windows、Mac 和 Linux 操作系统

👇 点击直达：
https://www.indietools.work/product/03f3ef63-1eb5-4774-be92-f03164bcfd95?type=seo

IndieHackers #WebDev #IndieTools #hackers

每日分享

Immerse — Wed, 20 Aug 2025 23:51:56 +0000

每日分享

✨ 独立开发者工具：
SEOlyzer 是一款专注于_website 日志分析的 SEO 工具，旨在帮助用户深入了解搜索引擎如何抓取和索引其网站，從而优化网站的搜索引擎表现

👇 点击直达：
https://www.indietools.work/product/63344551-d02a-45d3-a0ac-6c42ee399df7?type=seo

IndieHackers #WebDev #IndieTools #hackers

每日分享

Immerse — Tue, 19 Aug 2025 23:54:22 +0000

每日分享

✨ 独立开发者工具：
PH 今日热榜通过 Product Hunt 官方 API 获取每日热门产品榜单，结合 AI 分析整理

👇 点击直达：
https://www.indietools.work/product/1ae00d6a-1c87-43fc-ab62-cc63eebc5381

IndieHackers #WebDev #IndieTools #hackers

命令行神器 The Fuck，敲错命令的后悔药

Immerse — Tue, 19 Aug 2025 02:37:39 +0000

大家好，我是 Immerse，一名独立开发者、内容创作者、AGI 实践者。

关注公众号：#沉浸式趣谈，获取最新文章（更多内容只在公众号更新)
个人网站：https://yaolifeng.com 也同步更新。
转载请在文章开头注明出处和版权信息。

我会在这里分享关于编程、独立开发、AI干货、开源、个人思考等内容。

如果本文对您有所帮助，欢迎动动小手指一键三连(点赞、评论、转发)，给我一些支持和鼓励，谢谢！

分享一个命令行实用程序 — TheFuck

它自动地纠正先前控制台命令中的错误。当命令失败时，用户可以输入 fuck 然后 TheFuck 会建议修正基于错误输出，允许用户快速修复拼写错误、权限问题或语法错误，而无需重新输入整个命令。

安装

基本要求

Python 3.5 或更高版本
pip（Python 包管理器）
python-dev（开发头文件）

可通过下面的命令来验证当前系统是否满足安装要求：

python --version
pip --version

其他系统/Windows

pip install thefuck

macOS or Linux

brew install thefuck

Ubuntu/Debian

sudo apt update
sudo apt install python3-dev python3-pip python3-setuptools
pip3 install thefuck --user

FreeBSD

pkg install thefuck

原理

当命令失败时，它会分析错误输出并应用规则来建议修正。然后用户可以接受或拒绝修正，TheFuck 执行了更正后的命令。

➜ apt-get install vim
E: Could not open lock file /var/lib/dpkg/lock - open (13: Permission denied)
E: Unable to lock the administration directory (/var/lib/dpkg/), are you root?

➜ fuck
sudo apt-get install vim [enter/↑/↓/ctrl+c]

使用实例

➜ apt-get install vim
E: Could not open lock file /var/lib/dpkg/lock - open (13: Permission denied)
E: Unable to lock the administration directory (/var/lib/dpkg/), are you root?

➜ fuck
sudo apt-get install vim [enter/↑/↓/ctrl+c]
[sudo] password for nvbn:
Reading package lists... Done
...

➜ git push
fatal: The current branch master has no upstream branch.
To push the current branch and set the remote as upstream, use

    git push --set-upstream origin master


➜ fuck
git push --set-upstream origin master [enter/↑/↓/ctrl+c]
Counting objects: 9, done.
...

➜ puthon
No command 'puthon' found, did you mean:
 Command 'python' from package 'python-minimal' (main)
 Command 'python' from package 'python3' (main)
zsh: command not found: puthon

➜ fuck
python [enter/↑/↓/ctrl+c]
Python 3.4.2 (default, Oct  8 2014, 13:08:17)
...

➜ git brnch
git: 'brnch' is not a git command. See 'git --help'.

Did you mean this?
    branch

➜ fuck
git branch [enter/↑/↓/ctrl+c]
* master

➜ lein rpl
'rpl' is not a task. See 'lein help'.

Did you mean this?
         repl

➜ fuck
lein repl [enter/↑/↓/ctrl+c]
nREPL server started on port 54848 on host 127.0.0.1 - nrepl://127.0.0.1:54848
REPL-y 0.3.1
...

这个工具很方便使用，自己之前敲错命令，要不 --help，要么 GPT，这个过程也需要时间，而现在，直接 fuck，一边能解决问题，一边有点莫名的爽感，哈哈哈~

其他好文推荐

2025 最新！独立开发者穷鬼套餐

Windows 安装 Claude Code 的新姿势，保姆级教程

最近 Vibe Coding 的实践经验分享

分享一款 AI 自动生成流程图的工具

一个 Cursor mdc 自动生成器，基于 Gemini 2.5，很实用！

这个 361k Star 的项目，一定要收藏！

搞定 XLSX 预览？别瞎找了，这几个库（尤其最后一个）真香！

1分钟把简历变成个人网站！这个免费工具太香了

关于 MCP，这几个网站你一定要知道！

做 Docx 预览，一定要做这个神库！！

【完整汇总】近 5 年 JavaScript 新特性完整总览

关于 Node，一定要学这个 10+万 Star 项目！

这个Web新API让任何内容都能画中画！

Immerse — Thu, 14 Aug 2025 08:18:16 +0000

大家好，我是 Immerse，一名独立开发者、内容创作者。

关注公众号：#沉浸式趣谈，获取最新文章（更多内容只在公众号更新）
个人网站：https://yaolifeng.com 也同步更新。
转载请在文章开头注明出处和版权信息。

我会在这里分享关于编程、独立开发、AI干货、开源、个人思考等内容。

如果本文对您有所帮助，欢迎动动小手指一键三连(点赞、评论、转发)，给我一些支持和鼓励，谢谢！

“画中画”（Picture-in-Picture, PiP）说白了，就是让你能一边看视频，一边干别的，互不耽误。就像给你的桌面贴了个能播放视频的“便利贴”，你可以随便拖动它，调整大小，它还总在最前面，贼方便。

现在主流的搞法：老朋友 requestPictureInPicture()

其实，想让 <video> 元素实现画中画，现在已经有挺成熟的方法了，那就是直接在视频元素上调用 requestPictureInPicture() 这个 API。

用起来也挺简单，基本上就是：

先搞个 <video> 标签，放上你的视频。
找个时机（比如用户点个按钮），用 JavaScript 拿到这个 video 元素，然后调用 video.requestPictureInPicture()。

搞定！

给个简单的代码片段：

<video id="myVideo" src="your_video.mp4" controls width="300"></video>
<button id="pipButton">开启画中画</button>

<script>
    const video = document.getElementById('myVideo');
    const pipButton = document.getElementById('pipButton');

    pipButton.addEventListener('click', async () => {
        // 先检查浏览器支不支持，是个好习惯
        if (document.pictureInPictureEnabled) {
            try {
                // 如果视频没在画中画模式，就请求进入
                if (document.pictureInPictureElement !== video) {
                    await video.requestPictureInPicture();
                } else {
                    // 如果已经在画中画了，就退出
                    await document.exitPictureInPicture();
                }
            } catch (error) {
                console.error('操作画中画失败:', error);
            }
        } else {
            console.log('你的浏览器不支持画中画功能。');
        }
    });

    // 还可以监听进入和退出的事件，搞点事情
    video.addEventListener('enterpictureinpicture', () => {
        console.log('进入画中画啦！');
        pipButton.textContent = '退出画中画';
    });

    video.addEventListener('leavepictureinpicture', () => {
        console.log('退出画中画了。');
        pipButton.textContent = '开启画中画';
    });
</script>