LiesAuer的 RSS 预览

从未想象过自己的Steam账号如此富裕

2025-02-13 23:31:31

制作标准的 icns 图标

2024-12-24 16:02:00

最近在用 Electron 做一个跨平台的软件，发现打包后 macOS 有图标显示异常的问题，其中包括但不仅限于：
1. 打开 dmg 文件后，图标显示空白
2. 安装后，Launchpad 图标显示空白

初步怀疑是生成的 icns 文件不是标准的，所以无法显示（个别电脑或者系统又能显示）

网上找了很久，也找了很多软件，都不好使，最终找到一篇文章解决了问题，以后会经常用到，特此记录一下。

## 系统要求
1. macOS

需要跑macOS系统自带的程序生成，Windows 和 Linux 都不行，鉴于这是在开发 macOS 软件，这应该不是问题吧？

## 准备图标
准备一个`1024x1024`的 PNG 图标，并命名为`icon.png`。

## 终端生成
打开终端，并`cd`到图标所在的文件夹，运行以下命令。

```shell
mkdir icons.iconset
sips -z 16 16 icon.png --out icons.iconset/icon_16x16.png
sips -z 32 32 icon.png --out icons.iconset/icon_16x16@2x.png
sips -z 32 32 icon.png --out icons.iconset/icon_32x32.png
sips -z 64 64 icon.png --out icons.iconset/icon_32x32@2x.png
sips -z 64 64 icon.png --out icons.iconset/icon_64x64.png
sips -z 128 128 icon.png --out icons.iconset/icon_64x64@2x.png
sips -z 128 128 icon.png --out icons.iconset/icon_128x128.png
sips -z 256 256 icon.png --out icons.iconset/icon_128x128@2x.png
sips -z 256 256 icon.png --out icons.iconset/icon_256x256.png
sips -z 512 512 icon.png --out icons.iconset/icon_256x256@2x.png
sips -z 512 512 icon.png --out icons.iconset/icon_512x512.png
sips -z 1024 1024 icon.png --out icons.iconset/icon_512x512@2x.png
iconutil -c icns icons.iconset -o ./icon.icns
open .
```

运行命令后，你应该就能在打开的文件夹下看到生成的`icon.icns`图标了，最后再次打包测试，发现图标显示都正常了。

## 参考
[macOS App Icon ICNS File Generation Guidelines](https://www.tencentcloud.com/document/product/1219/60589 "macOS App Icon ICNS File Generation Guidelines")

令人崩溃的 Node.js 工具生态

2024-12-08 02:39:31

## 起因
需要对一个开源项目进行二开，然后噩梦从`git clone`之后就开始了。

相关issue：[caorushizi/mediago#362](https://github.com/caorushizi/mediago/issues/362)

## [corepack](https://github.com/nodejs/corepack)
> Corepack是一个零运行时依赖的Node.js脚本，用作Node.js项目与其开发过程中所需的软件包管理器之间的桥梁。从实际角度来看，Corepack允许您在不安装Yarn、npm和pnpm的情况下使用它们。

其他的就不过多介绍了，这个蠢货东西每次运行的时候都不知道发什么鬼请求，在国内环境下，每次运行都会卡住一会，甚至长达几分钟。

解决方法：
1. 挂上梯子
2. 环境变量：`COREPACK_ENABLE_NETWORK`设为`0`

## [node-gyp](https://github.com/nodejs/node-gyp)
这个就不过多吐槽了，懂的都懂，开发个js项目，居然还需要C++环境编译东西，都不知道学的谁家的好本领，关键是很多项目都没写清楚怎么安装所需要的C++环境，实在受不了，装个VS，里面所有C++环境全勾了，好几十G，慢慢装个够吧。:point_left:

## This version of pnpm requires at least Node.js vXXX
真正的噩梦从`pnpm dev`开始，一运行直接给我报了个这错误，当时我百思不得其解，我的Node.js环境明明满足版本要求的，关键是他提示出来的版本号，我压根没装这个版本啊，更奇葩的是他最后打印出来的版本号也是没问题的啊！！！这个牛头不搭马嘴的报错是怎么回事，这个v12版本的Node.js环境又是从哪冒出来的，难不成见鬼了嘛。:neutral_face:
```
> mediago@0.1.0 dev O:\Projects\mediago
> tsx scripts/dev.ts && pnpm --parallel -F "./packages/*" run dev

开始构建 development ...
当前所在的目录是: O:\Projects\mediago
$ npm run types

> mediago@0.1.0 types /mnt/o/Projects/mediago
> pnpm -F main run types

ERROR: This version of pnpm requires at least Node.js v18.12
The current version of Node.js is v12.22.6
Visit https://r.pnpm.io/comp to see the list of past pnpm versions with respective Node.js version support.

/// 省略一大堆报错堆栈信息

Node.js v18.12.0
 ELIFECYCLE  Command failed with exit code 1.
```

然后我去[pnpm](https://github.com/pnpm/pnpm)官方仓库找issue，看下有没有类似的问题，还真找到了好几个，其中都提到了升级pnpm或者使用`@pnpm/exe`这个包解决。

## Cannot find module 'fs/promises'
于是乎我就使用以下命令尝试升级pnpm
```shell
corepack prepare pnpm@latest
```
升级后再次运行`pnpm dev`，嘿，好家伙，报错变了，变成了
```
Cannot find module 'fs/promises'
```

于是乎又上网一通乱搜，说的是这种写法只有在较新版本的Node.js中才支持，关键是我v18是足够新的啊，我其他项目也是有引用过`fs/promises`这个包的，所以非常确定是没问题的。

## This: not found
实在无奈，只能试试`@pnpm/exe`这个包了，这个包是独立版本的pnpm，不依赖任何外部Node.js环境，其自身捆绑打包了一个环境。这个工具也是天才设计，运行所有pnpm命令都会新开一个命令行窗口，而且运行完后会立马关闭，甚至`pnpm -v`都是一闪而过的，想着不想管了，凑合着先用着吧，先把项目跑起来再说，再次`pnpm dev`，一闪而过一长串的东西，不用问了，肯定又有报错了，因为这个命令行窗口是秒关的，为了截取到报错信息，也是费了九牛二虎之力，终于拿到了，嘿，你猜怎么着，报错又变了，这还是我写了这么多年js以来，第一回看到的报错信息，但这回这个报错不想研究了，赶紧把`@pnpm/exe`卸载了，纯当不认识这个包。:sweat_smile:
```
This: not found
```

## 怒删环境
整个晚上整了我这么几回，差点脑溢血，当时就怒删了全部的Node.js环境，pnpm、yarn，各种相关的乱七八糟的全删了，然后去官网整了个v20的重新装了回来，然后用npm把pnpm也装了回来，再次运行，差点气晕过去，又回到了`This version of pnpm requires at least Node.js vXXX`的报错，我的天！！！:tired_face:

## 发现线索
实在没有办法了，开始研究这条命令，发现其实是用`tsx`运行了一个ts脚本，而ts脚本又套娃运行了三条`npm`命令，真的服了，于是乎我就把这三条命令逐条粘贴到终端运行，居然全都是可以跑通的！然后就重点研究这个ts脚本，发现除了运行那三条`npm`命令之外，就引用了[`zx`](https://github.com/google/zx)这个库而已，然后又在[`zx`](https://github.com/google/zx)的issue区逛了一下，大概发现了点东西，其中有些issue提到了wsl，当然也没去细看issue内容，随便逛了一下而已，经过这么一提，我就进wsl里面运行了一下`node -v`，我嘞个豆，出来的版本号就是第一次报错提示的`v12.22.6`，这应该是Ubuntu系统自带的Node.js环境，所以比较旧。

## 问题解决
心好累，不想再研究为啥[`zx`](https://github.com/google/zx)会默认跑到wsl里面运行了，简单去研究了一下[`zx`](https://github.com/google/zx)的玩法，添加以下配置到ts脚本就解决了，好累，睡觉了，再多回想一秒我都会原地爆炸的。:mask:

```ts
if (process.platform === 'win32') {
    $.prefix = '';
    $.shell = 'pwsh.exe';
}
```

其实这里回看第一次出现的报错，其中的日志也是有线索的，前面的输出路径是Windows格式的，后面那三条命令输出的路径已经变成了Linux格式的，当时没发现这个细节。
```
刚开始: O:\Projects\mediago
后面的：/mnt/o/Projects/mediago
```

最后再提一嘴，环境能隔离一定要隔离，别嫌麻烦，装一起用起来固然爽，等出现交叉问题的时候，总能以你这辈子都想象不到的方式出现在你面前。

博客接入 Cloudflare 后踩到的一些小坑

2024-08-27 10:26:00

TeleMediaSpider - Telegram 频道资源爬虫

2024-06-08 16:36:00

### 声明
***仅限个人用途使用。***

### 介绍
[TeleMediaSpider](https://github.com/liesauer/TeleMediaSpider) 是一个开源的用于抓取 Telegram 频道资源的个人爬虫，支持抓取 `图片` `视频` `音频` `文件`，支持多频道同时下载，支持断点续抓。

![screenshot.jpg](https://storage.liesauer.net/2024/07/3037476710.jpg)

仓库地址：https://github.com/liesauer/TeleMediaSpider

### 使用说明

### 0. 下载
已打包好的TeleSpider可在这里下载：[https://github.com/liesauer/TeleMediaSpider/releases](https://github.com/liesauer/TeleMediaSpider/releases)，包含 `Windows x64` `Linux x64` 多个版本，如需其他版本，请自行打包。

### 1. 首次运行
第一次运行时，会自动生成 `data/config.toml` 配置文件，需要配置以下内容：
`account.apiId`（参考文档）
`account.apiHash`（参考文档）
`account.account`（Telegram账号）
~~`account.session`~~（这个不需要填）

参考：
[Authentication | GramJS](https://gram.js.org/getting-started/authorization#getting-api-id-and-api-hash)

### 2. 获取频道列表
```bash
TeleMediaSpider --list
```
列举出你账号加入的所有频道，复制频道ID，并打开 `data/config.toml` 配置文件，配置以下内容：
`spider.channels`

示例：

```toml
[spider]
channels = [ "频道id1", "频道id2" ]
```

如何抓取自己的已保存信息？
使用固定的频道id：`me` 即可，其他不变。

默认抓取频道的`图片` `视频` `音频` `文件`，如果你想特定的频道只抓取特定的数据，也可自由配置，有效值：`photo` `video` `audio` `file`。

将以下配置

```toml
  [spider.medias]
  _ = "photo,video,audio,file"
```

修改为

```toml
  [spider.medias]
  频道id1 = "photo"
  频道id2 = "photo,video,audio,file"
```

### 3. 正式抓取
直接运行 `TeleMediaSpider`，爬虫将会自动抓取频道信息，自动获取新消息，支持断点续爬，可任意时刻随意关闭软件。

### 4. 并发下载
**注意：这并不是传统意义上的并发下载，而是指多频道同时下载，单一频道只能一条一条信息从前往后解析下载。**

将以下配置

```toml
[spider]
concurrency = 5
```

修改为你想要的多频道同时下载数，默认为5个频道同时下载。

### 5. 大小过滤
默认抓取大小不超过10GB的文件，如有需求，可按全局配置或按频道配置文件大小过滤。

格式：`下限-上限`
单位：`字节`
进制：`1024`
示例：`102400-10485760`
解释：抓取文件大小在 `100KB ~ 10MB` 之间的文件（含）

优先级：`频道配置 > 全局配置`

#### 5.1. 全局配置
修改以下配置即可

```toml
[filter.default]
photo = "0-10737418240"
video = "0-10737418240"
audio = "0-10737418240"
file = "0-10737418240"
```

#### 5.2. 频道配置
修改以下配置即可

```toml
[filter.photo]
频道id1 = "102400-999999999"

[filter.video]
频道id1 = "102400-999999999"

[filter.audio]
频道id1 = "102400-999999999"

[filter.file]
频道id1 = "102400-999999999"
```

### 代理设置
参考：
[Using MTProxies and Socks5 Proxies](https://gram.js.org/getting-started/authorization#using-mtproxies-and-socks5-proxies)

### 配置说明

**配置文件中所有的 `_` 配置项都是占位，用来当成示例配置供参考填写的，删除无实际影响。**

### 数据保存
所有数据都保存在 `data/{频道id}` 文件夹下，文件名格式：`{频道id}_{消息id}[_{原文件名}]`。

白嫖 Hoppscotch Proxy 实现请求访问

2024-06-01 12:00:00

### Hoppscotch 是啥
[Hoppscotch](https://github.com/hoppscotch/hoppscotch "Hoppscotch") 是类似于 Postman 的开源 API 请求工具。其自带的 Proxy 可以让我们做到意想不到的事情。

![微信截图_20240601114858.png](https://storage.liesauer.net/2024/06/3530419221.png)
![微信图片_20240601114626.png](https://storage.liesauer.net/2024/06/3527769043.png)

### 直接上才艺
```shell
npm i axios lodash.merge
```

#### 演示代码
```javascript
axiosWithHoppscotch().get('https://www.google.com/').then(response => {
    console.log(response.data);
});
```
![微信截图_20240601115328.png](https://storage.liesauer.net/2024/06/2500102380.png)

#### 核心代码

```javascript
import axios from "axios";
import merge from "lodash.merge";

function axiosWithHoppscotch() {
    const axiosInstance = axios.create({
        transformRequest: axios.defaults.transformRequest,
        transformResponse: axios.defaults.transformResponse,
    });

axiosInstance.interceptors.request.use(config => {
        const raw = {
            lMethod: (config.method + "").toLowerCase(),
            method: (config.method + "").toUpperCase(),
            url: config.url,
            data: config.data,
            headers: structuredClone(config.headers),
        };

config.method = "POST";
        config.url = "https://proxy.hoppscotch.io/";

config.headers = {};
        config.headers["Origin"] = "https://hoppscotch.io";
        config.headers["Referer"] = "https://hoppscotch.io/";
        config.headers["User-Agent"] = "Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/125.0.0.0 Safari/537.36";

/**
         * 对header进行剥离
         * 并按照优先级进行合并
         */

let rawHeader0;
        let rawHeaders;

rawHeader0 = {};
        rawHeaders = {};

for (const key in raw.headers) {
            const value = raw.headers[key];
            if ((key == "common" || key == "delete" || key == "get" || key == "head" || key == "post" || key == "put" || key == "patch") && value && typeof value == "object") {
                rawHeader0[key] = value;
                continue;
            }

rawHeaders[key] = value;
        }

const headers = merge({}, rawHeader0.common || {}, rawHeader0[raw.lMethod] || {}, rawHeaders);

// header键值对必须是string类型，不然请求会报错
        for (const key in headers) {
            if (typeof headers[key] == 'string') continue;

headers[key] = headers[key] + '';
        }

const data = {
            method: raw.method,
            url: raw.url,
            headers: headers,
            params: {},
            data: raw.data ?? null,
            wantsBinary: false,
            accessToken: "",
        };

const multiPart = raw.method == "POST" && raw.data instanceof FormData;

if (multiPart) {
            config.headers["Content-Type"] = "multipart/form-data";

const guid = 'xxxxxxxx-xxxx-4xxx-yxxx-xxxxxxxxxxxx'.replace(/[xy]/g, function (c) {
                var r = Math.random() * 16 | 0,
                    v = c == 'x' ? r : (r & 0x3 | 0x8);
                return v.toString(16);
            });

const multiPartKey = "proxyRequestData-" + guid;

config.headers["Multipart-Part-Key"] = multiPartKey;

const formData = raw.data as FormData;

data.data = "";

formData.set(multiPartKey, JSON.stringify(data));

config.data = formData;
        } else {
            config.headers["Content-Type"] = "application/json";

config.data = JSON.stringify(data);
        }

return config;
    });

axiosInstance.interceptors.response.use(response => {
        const rawData = response.data;

if (rawData.success) {
            response.status = rawData.status;
            response.statusText = rawData.statusText;
            response.data = rawData.data;

response['header0'] = response.headers;

response.headers = rawData.headers;

const isBinary = rawData.isBinary;

if (isBinary) {
                // TODO: decode data
            }
        } else {
            response.status = 400;
            response.statusText = "Bad Request";
            response.data = rawData.data;
        }

return response;
    });

return axiosInstance;
}
```

LiesAuer修改

LiesAuer的 RSS 预览

该作者的社会化媒体

LiesAuer 修改