Doracoin

Codex 登录失败排查：Windows 保留端口与 os error 10013

Sun, 13 Sep 2026 00:00:00 GMT

在 Windows 上登录 Codex 客户端时，我遇到了一个看起来像账号问题、实际卡在本地端口上的故障：点击“继续登录”，客户端提示无法启动登录服务器，错误码是 os error 10013。

排查发现，登录需要的 1455 端口落在 Windows 的排除端口范围 1359–1458 内。临时停止 WinNAT 后，登录成功；随后重新启动 WinNAT，客户端仍能正常使用。

这次排障最值得记住的是：没有进程监听某个端口，并不意味着应用就能绑定它。

问题现象：登录服务器还没启动就失败了

当时的完整报错是：

登录失败：failed to start login server: 以一种访问权限不允许的方式做了一个访问套接字的尝试。 (os error 10013)

报错中有两条线索：failed to start login server 指向本地登录服务启动失败，10013 则是 Windows Winsock 的 WSAEACCES，表示套接字访问被拒绝。

排查重点因此落在本地网络绑定环节。仅凭这条报错，还不能判断账号或远端服务是否存在其他问题。

本次涉及的本地地址是：

127.0.0.1:1455

浏览器登录需要把认证结果交回本地客户端，因此客户端会先启动一个回调服务。OpenAI 的认证文档也说明，Codex CLI 的浏览器登录使用本地回调，默认地址为 localhost:1455。这能解释此类流程对本地端口的依赖；其他客户端或版本应以实际日志为准。OpenAI 认证文档

本文记录的是这次 Codex Windows 客户端的故障，不把它泛化为所有 ChatGPT 客户端的登录机制。

排查过程：从监听进程查到系统排除范围

先检查端口是否被占用

最直接的检查方式是：

netstat -ano | findstr :1455

需要留意输出中的本地地址、状态和 PID：文本匹配到 1455，不一定代表本地 1455 正在监听。PowerShell 也可以直接筛选监听状态：

Get-NetTCPConnection -LocalPort 1455 -State Listen -ErrorAction SilentlyContinue

如果查到监听进程，可以通过实际 PID 确认程序身份，再决定如何处理：

# 将 12345 替换为查询到的实际 PID
Get-Process -Id 12345

本次没有查到监听 1455 的进程，但客户端依然无法启动登录服务。这说明，检查不能停在“哪个程序占用了端口”这一层。

再检查 Windows 排除端口范围

在管理员 PowerShell 中查看 IPv4 TCP 排除范围：

netsh interface ipv4 show excludedportrange protocol=tcp

本次输出中包含：

开始端口    结束端口
----------  ----------
1359        1458

1455 位于这个区间内。这是比“机器上装过虚拟化软件”更直接的线索：目标端口确实处于系统排除范围。

如果应用监听 IPv6 地址，还需要检查对应范围；IPv4 和 IPv6 的结果不能相互替代：

netsh interface ipv6 show excludedportrange protocol=tcp

netstat 展示连接和监听状态，而排除范围属于另一类系统网络状态。因此，“没有监听进程”和“端口受系统限制”可以同时成立。

错误码是线索，不能单独定因

这两个错误码需要区分：

错误码	名称	排查含义
`10048`	`WSAEADDRINUSE`	地址已在使用，优先检查绑定冲突
`10013`	`WSAEACCES`	访问被拒绝，需要结合权限、绑定方式和系统端口状态判断

不能把它们机械理解成“10048 就是进程占用，10013 就是系统保留”。微软文档指出，其他应用、服务或内核驱动独占绑定同一地址，也可能触发 10013。Microsoft Winsock 错误码说明

本次判断依赖的是一组证据：没有发现监听进程、目标端口落入排除范围，以及后续停止 WinNAT 后登录恢复。

本次处理：暂时停止 WinNAT，完成登录后恢复

WinNAT 与 Windows 的 NAT 网络功能有关。停止它可能影响依赖相关网络的虚拟机、容器或其他任务，因此操作前应先确认这些任务可以暂时中断。

以下步骤在本次排障中有效，不是所有 10013 错误的通用修复方法。

1. 停止 WinNAT

在管理员 PowerShell 中执行：

net stop winnat

确认服务成功停止后，再尝试登录。如果停止失败，不应假设端口限制已经解除。

2. 重新发起客户端登录

重新打开客户端的登录流程，点击“继续登录”，随后在浏览器中完成认证。

本次操作后，本地登录服务器成功启动，客户端也成功获得登录状态。

3. 恢复 WinNAT

登录完成后执行：

net start winnat

如果前面成功停止了服务，即使登录没有成功，也应恢复服务。恢复后可以检查状态，并确认原先使用的虚拟机或容器网络正常：

Get-Service -Name winnat

本次恢复 WinNAT 后，Codex 仍然能够正常使用。

为什么有效，以及这个结论的边界

本次观察支持的解释是：WinNAT 相关的网络状态影响了目标端口的可绑定性；停止服务后，这个阻碍暂时消失，使本地登录回调服务能够启动。

不过，现有记录没有追踪该排除范围究竟由哪个组件创建，也没有记录停止前后的完整端口范围变化。因此，不宜断言一定是 HNS、WSL2、Docker 或 Podman 中的某一个组件造成了故障。

简化后的登录过程是：

客户端启动本地回调服务
        ↓
浏览器完成账号认证
        ↓
认证结果回到本地客户端
        ↓
客户端保存并使用登录状态

本地回调服务承担登录阶段的工作。OpenAI 文档说明，Codex 会缓存认证信息并在使用期间刷新令牌，这解释了为什么恢复网络服务后，已经建立的登录状态仍可继续使用。OpenAI 登录缓存说明

这次处理只验证了“完成当前登录”的效果。如果以后退出账号、凭据失效或需要重新认证，且端口冲突仍然存在，问题可能再次出现。这是临时绕过，不能据此宣称已经永久修复。

下次遇到类似问题，如何少走弯路

可以按下面的顺序缩小范围：

确认失败环节和端口。 从报错或日志中确认是否是本地服务绑定失败，不要预设所有客户端都使用 1455。
检查监听进程。 如果有结果，确认本地地址、状态和进程身份。
检查对应协议的排除范围。 无监听结果时，也要考虑系统对端口使用的限制。
根据证据选择验证动作。 只有在相关证据指向 WinNAT、且能接受网络中断时，才考虑本文的临时处理。
恢复服务并复查。 同时验证客户端登录结果和原有网络任务，保留操作前后的记录。

如果需要继续调查系统端口策略，可以先做只读检查：

netsh int ipv4 show dynamicport tcp

动态端口范围与排除端口范围不是同一个概念，不能看到端口冲突就直接重设动态端口策略。本次没有通过修改全局端口范围解决问题，也没有验证这类修改的长期效果。

另外，如果实际使用的是 Codex CLI，官方文档提供了设备码登录方式，用于本地回调受阻等场景；能否使用取决于账号或工作区设置。这不是本次执行的步骤，也不代表桌面客户端一定提供相同入口。OpenAI 设备码登录说明

留下的经验：把端口可用性拆成两层检查

这次故障暴露了一个容易忽略的区别：进程有没有使用端口，与系统是否允许应用使用端口，是两个问题。

在带有虚拟网络的 Windows 开发环境中，仅查看监听进程往往不足以解释所有绑定失败。把错误码、监听状态、排除范围和实际操作结果放在一起，才能建立比较可靠的判断。

对这次案例而言，最有复用价值的是在 netstat 没有结果时，知道下一步该检查什么。

从 Hexo 迁移到 Astro

Tue, 25 Aug 2026 00:00:00 GMT

心心念念 Astro 好久了，它的渲染性能非常出色。

其实也不全是为了加载性能，主要还是因为我自己爱折腾。

1. Astro

Astro 这个框架，我最开始关注它的时候是无意间看到了逛到一个博主用了它，还配了个美美的主题，页面响应超快的，后来去了解了一下，才发现它的策略是减少JavaScript的输出，但该有的组件化也有，性能好功能又够用。

然后它就成为我想折腾玩的待选了。

2. 挑选主题

官方网站有主题筛选页面，但我的主要筛选方式是逛GithubTopic，按Star数排序。

前前后后在官网和Github看了不少 Astro 博客主题，最后发现最喜欢的还是saicaca/fuwari，理由也不复杂：

风格设计现代化，布局整洁不花哨；
页面结构清楚，后面改起来不算麻烦；

3. fuwari 主题的创建和使用方式

fuwari 的用法其实不复杂，基本就是一个标准的 Astro 项目流程。

大概就是这几步：

克隆项目；
安装依赖；
启动本地预览；
按自己的需要改站点配置 src/config.ts；
直接往 src/content/posts 里放文章。

如果只看实际使用体验，它更像是一个“拿来就能改”的博客模板，不太像那种需要先研究半天架构的项目，起码改配置的过程比我当年折腾Hexo的时候快多了。

4. Hexo 内容迁移到 Astro 要做什么

这部分其实最简单，没有用到什么复杂的转换脚本，做法很直接：

先把 Hexo 里 _posts 文件夹的文章，直接复制到新项目的 src/content/posts 下面；
然后按 fuwari 的标准整理了一下 frontmatter，以前的字段有一部分不符合新主题的设定；
检查一下图片路径有没有失效
再根据 Astro 这边的格式稍微调一调，基本就能正常用了。

我这次做得比较简洁，没有大改旧文章内容，先把站点迁过去，让内容能正常显示，以后再慢慢整理。

迁移完之后，最明显的感觉就是：新玩具就是好玩！

这次迁移对我来说，更像是把博客重新整理了一遍，至少以后，写点东西这件事，会比以前更有乐趣。

MinIO“最后可用版本”下载链接

Tue, 03 Mar 2026 10:59:40 GMT

“最后可用版本”还是有不少使用场景的

先给出官网下载链接：https://dl.min.io/server/minio/release/

1. 哪些架构值得备份？

官网的归档页面提供了不同系统架构的版本，来整理一下哪些系统架构值得备份

✅ 强烈推荐备份（主流、常用）

linux-amd64：几乎所有的 Linux 服务器（云主机、VPS、物理机）都使用此架构。必须备份。
windows-amd64：如果你有 Windows 服务器或开发环境，Windows 版非常必要。
darwin-amd64 与 darwin-arm64：如果你使用 macOS 进行开发或测试，建议两者都保留（覆盖 Intel 和 Apple Silicon Mac）。如果只能选一个，现在新 Mac 都是 ARM，但很多旧 Mac 仍是 Intel，因此有条件可都存。
linux-arm64：随着 ARM 服务器和树莓派的普及，此架构越来越重要，值得备份。

⚠️ 按需备份（特定硬件）

linux-ppc64le：仅当你拥有 IBM Power 服务器时才需要。
linux-s390x：仅当你使用 IBM Z 大型机时才需要。
linux-mips64：仅当你维护基于 MIPS 的老旧设备时才需要。
linux-arm：仅当你仍在使用 32 位 ARM 设备（如旧版树莓派）时才需要。现代 64 位 ARM 设备可运行 arm64 版本，兼容性更好。

🗑 可以不备份（除非明确有需求）

如果你没有上述特定硬件，则 linux-ppc64le、linux-s390x、linux-mips64 完全不需要备份。
linux-arm（32位）也逐渐被淘汰，除非你有明确的使用场景。

官网下载页面

Windows

https://dl.min.io/server/minio/release/windows-amd64/archive/

minio.RELEASE.2025-04-22T22-12-26Z.sha256sum Mirror	100 B	2025-04-22 22:20
minio.RELEASE.2025-04-22T22-12-26Z.shasum Mirror	76 B	2025-04-22 22:20
minio.RELEASE.2025-04-22T22-12-26Z.minisig Mirror	326 B	2025-04-22 22:20
minio.RELEASE.2025-04-22T22-12-26Z.asc Mirror	833 B	2025-04-22 22:20
minio.RELEASE.2025-04-22T22-12-26Z Mirror	115 MiB	2025-04-22 22:20

最后一个是exe文件，下载后需手动更改扩展名为exe

Linux

Linux arm64

https://dl.min.io/server/minio/release/linux-arm64/archive/

minio_20250422221226.0.0_aarch64.apk.sha256sum Mirror	102 B	2025-04-22 22:23
minio_20250422221226.0.0_aarch64.apk Mirror	38 MiB	2025-04-22 22:23
minio-20250422221226.0.0-1.aarch64.rpm Mirror	38 MiB	2025-04-22 22:23
minio-20250422221226.0.0-1.aarch64.rpm.sha256sum Mirror	104 B	2025-04-22 22:23
minio_20250422221226.0.0_arm64.deb.sha256sum Mirror	100 B	2025-04-22 22:23
minio_20250422221226.0.0_arm64.deb Mirror	37 MiB	2025-04-22 22:23
minio.RELEASE.2025-04-22T22-12-26Z.sha256sum Mirror	100 B	2025-04-22 22:23
minio.RELEASE.2025-04-22T22-12-26Z.minisig Mirror	326 B	2025-04-22 22:23
minio.RELEASE.2025-04-22T22-12-26Z.shasum Mirror	76 B	2025-04-22 22:23
minio.RELEASE.2025-04-22T22-12-26Z.asc Mirror	833 B	2025-04-22 22:23
minio.RELEASE.2025-04-22T22-12-26Z Mirror	108 MiB	2025-04-22 22:23

Linux amd64

https://dl.min.io/server/minio/release/linux-amd64/archive/

minio_20250422221226.0.0_x86_64.apk Mirror	41 MiB	2025-04-22 22:23
minio_20250422221226.0.0_x86_64.apk.sha256sum Mirror	101 B	2025-04-22 22:23
minio-20250422221226.0.0-1.x86_64.rpm Mirror	41 MiB	2025-04-22 22:23
minio-20250422221226.0.0-1.x86_64.rpm.sha256sum Mirror	103 B	2025-04-22 22:23
minio_20250422221226.0.0_amd64.deb Mirror	39 MiB	2025-04-22 22:23
minio_20250422221226.0.0_amd64.deb.sha256sum Mirror	100 B	2025-04-22 22:23
minio.RELEASE.2025-04-22T22-12-26Z.sha256sum Mirror	100 B	2025-04-22 22:18
minio.RELEASE.2025-04-22T22-12-26Z.shasum Mirror	76 B	2025-04-22 22:18
minio.RELEASE.2025-04-22T22-12-26Z.minisig Mirror	326 B	2025-04-22 22:18
minio.RELEASE.2025-04-22T22-12-26Z.asc Mirror	833 B	2025-04-22 22:18
minio.RELEASE.2025-04-22T22-12-26Z Mirror	113 MiB	2025-04-22 22:18

Darwin

Darwin arm64

https://dl.min.io/server/minio/release/darwin-arm64/archive/

minio.RELEASE.2025-04-22T22-12-26Z.shasum Mirror	76 B	2025-04-22 22:22
minio.RELEASE.2025-04-22T22-12-26Z.sha256sum Mirror	100 B	2025-04-22 22:22
minio.RELEASE.2025-04-22T22-12-26Z.minisig Mirror	326 B	2025-04-22 22:22
minio.RELEASE.2025-04-22T22-12-26Z.asc Mirror	833 B	2025-04-22 22:22
minio.RELEASE.2025-04-22T22-12-26Z Mirror	111 MiB	2025-04-22 22:22

Darwin amd64

https://dl.min.io/server/minio/release/darwin-amd64/archive/

minio.RELEASE.2025-04-22T22-12-26Z.sha256sum Mirror	100 B	2025-04-22 22:21
minio.RELEASE.2025-04-22T22-12-26Z.minisig Mirror	326 B	2025-04-22 22:21
minio.RELEASE.2025-04-22T22-12-26Z.shasum Mirror	76 B	2025-04-22 22:21
minio.RELEASE.2025-04-22T22-12-26Z.asc Mirror	833 B	2025-04-22 22:21
minio.RELEASE.2025-04-22T22-12-26Z Mirror	116 MiB	2025-04-22 22:21

::EOF

2025年Android开发技术选型

Tue, 16 Sep 2025 15:02:40 GMT

Android开发的碎片化可能是没救了。

时代变了，我开始习惯于求助AI了，这篇文章完全为AI生成，记录下来分享一下。

看得出来你对2025年Android开发的技术选型有些困惑。这是一个很重要的问题，因为选择合适的技术栈会直接影响你的开发效率、应用性能和职业发展。

下面我帮你分析一下当前的主流选择，并用一个表格来快速了解它们的特点：

技术栈组合	推荐度	学习成本	性能表现	未来趋势	适用场景
Kotlin + Jetpack Compose	⭐⭐⭐⭐⭐	中到高	⭐⭐⭐⭐⭐	⭐⭐⭐⭐⭐	新项目、追求现代化开发的团队
Kotlin + DataBinding	⭐⭐⭐⭐	中	⭐⭐⭐⭐	⭐⭐⭐	现有大型项目、已有DataBinding基础
Kotlin (View系统)	⭐⭐⭐	低	⭐⭐⭐⭐	⭐⭐	遗留项目维护、初学者
Java + DataBinding	⭐⭐	中	⭐⭐⭐⭐	⭐	历史项目维护、团队Java背景深厚
Java (View系统)	⭐	低	⭐⭐⭐⭐	⭐	陈旧项目维护、不推荐新项目使用

🧩 从表格可以看出，Kotlin + Jetpack Compose 是目前和未来Android开发的主流选择，而纯粹的Java开发模式已经逐渐退出主流舞台。

👉 首要推荐：Kotlin + Jetpack Compose

对于新项目和愿意拥抱趋势的团队来说，这是当前最理想的选择。Jetpack Compose 是 Android 现代化的原生 UI 工具包，已被众多开发者采用。

优势：
- 声明式UI：用更少的代码、更直观的方式构建UI。
- 高性能：例如在折叠屏设备上，LazyColumn 的滑动帧率能稳定在60fps，而传统的 RecyclerView 可能会下降至45fps。
- 强大的动画能力：Compose提供了完善的动画API，可以轻松实现复杂的交互效果。
- 更好的状态管理：与Kotlin和ViewModel等架构组件能更自然地结合。
- 未来趋势：Google的大力支持和推广，Compose的应用场景也在不断扩大（如车载系统）。
需要注意的：
- 学习曲线：需要理解声明式思维、重组等新概念。
- 库的稳定性：虽然已成熟，但部分API可能在稳定版中仍有变动。

🔄 过渡选择：Kotlin + DataBinding

如果你的现有大型项目已经使用了DataBinding，或者团队对DataBinding有很深的积累，这仍然是一个可行的选项。

优势：
- 减少模板代码：告别 findViewById，实现数据驱动UI更新。
- 类型安全：在编译时就能发现许多视图绑定的错误。
- 双向绑定：简化表单输入等场景的数据处理。
需要注意的：
- 编译速度：DataBinding会增加项目的编译时间。
- 调试难度：布局中的表达式错误有时难以调试。
- 趋势：Google的发展重心明显在Compose上，DataBinding的未来新增功能可能有限。

🎯 其他组合的考量

Just Kotlin (with View System)：如果你还在使用传统的View系统，但已经切换到了Kotlin，这本身没有问题。Kotlin是Android开发的官方首选语言，其空安全、扩展函数等特性都能极大提升开发效率和代码质量。你可以在此基础上，逐步尝试引入Compose。
Java + Any UI方案：强烈不推荐用于新项目。Java在Android生态中的重要性正在逐渐降低（GitHub上Java代码提交量年下降12%），官方的新特性也首先为Kotlin设计。

💡 如何选择

技术选型没有绝对的正确与否，关键看是否适合你和你的项目：

对于新项目或初创团队：强烈建议直接上 Kotlin + Jetpack Compose。这是面向未来的投资，能保证项目在技术上的先进性和可维护性。
对于已有大型项目：
- 如果已是 Kotlin + DataBinding，可以继续维护，并在新功能或重构模块中尝试引入Compose，逐步过渡。
- 如果仍是 Java + View，建议先逐步将Java代码迁移到Kotlin，享受现代语言带来的便利，然后再评估是否需要引入Compose或维持现有架构。
个人学习者：毫无疑问，应该将Kotlin和Jetpack Compose作为学习和深耕的核心。这是未来Android开发的必备技能。

📚 学习建议与资源

掌握好Kotlin和Jetpack Compose，能让你在2025年的Android开发领域更具竞争力。你可以通过以下方式深入学习：

官方文档：始终是最好的起点。Jetpack Compose 官方文档、Kotlin 语言官方文档。
实践项目：理论学习后，一定要动手做一两个小项目，这是巩固知识的最佳方式。
社区与案例：关注Google I/O大会、Android Developers Blog，以及一些优秀的技术博客和开源项目，了解最新的实践和最佳方案。

💎 总结

2025年的Android开发，Kotlin 是基石，Jetpack Compose 是未来UI开发的主流方向。

对于大多数开发者而言，将学习和工作的重心放在 Kotlin + Jetpack Compose 这条技术路线上，是顺应趋势、保持竞争力的明智之举。当然，如果你需要维护现有项目，根据实际情况选择过渡方案也是合理的。

希望这些信息能帮助你做出更好的技术决策。

写给自己看的软件开发准则

Thu, 11 Sep 2025 09:36:02 GMT

放下执念，能用就行。

不能较那些没用的真儿

整理自 Flomo 标签：#Development/软件开发习惯

1. 总则篇：

不要尽善尽美

做界面、做接口时，优先考虑正常使用情况和场景，保证基本功能实现。

关于在写代码的思维活跃过程中，灵光一现想出来的要针对非正常情况、异常情况的处理，应在软件基本功能完成之后，根据实际情况是否会发生、影响范围以及影响程度来评估是否需要进行相应的优化处理。

2. 技术篇：

接口开发尽量或者全部用 POST 请求，GET 请求容易在链接中暴露参数，很不安全。

起因是有些服务在运营阶段，是会有第三方责任/监管单位进行漏洞扫描的，经目前的经历总结来看，被扫出来的漏洞，多数都发生在 GET 请求上。

虽然现在 https 是标配了，但在部分测试场景下，还是不排除会有疏漏导致 http 接口暴露在互联网。

3. Web前端优化篇：

1 数据显示：

手机号、身份证号等隐私字段，需结合实际场景判断是否需要脱敏显示
页面上显示当前登录账号的昵称，例如：欢迎您使用XX系统，XX先生。
页面欢迎语显示当前时间

2 表格类页面：

表格表头：关注度较高的字段信息排在前面
横向滚动：表头过多的情况下，支持横向滚动
搜索条件：搜索字段与表格表头的内容和顺序一一对应
表格单元格：

2.1 表格单元格：

状态类字段最好以 tag 的形式显示，并加以颜色区分；
可点击文字以 link 的形式显示；
数量、金额等字段类型加上单位显示，其中金额能加上千分符最好

3 弹窗：

标题尽可能显示当前弹窗预览的主题，不要只显示诸如 “详情” “预览” 等简要字样
如果弹窗所显示的业务实体可能会在多个页面多次预览，那么请将弹窗进行组件化封装

4 表单类页面：

5 大屏类

动态时间显示

逐步记录......

而立之年的健身规划

Wed, 10 Sep 2025 16:41:52 GMT

岁数一大，CPU开始降频，内存还不够用，不健身真要蓝屏了。

这个计划采用每周训练3次的频率，让肌肉有充分恢复时间的同时保证训练效果。每次训练围绕一个主要主题进行，兼顾力量和形态发展。

训练频率安排

每周一、三、五训练（或其他隔天安排）
每次训练时间约45-60分钟
训练前热身5分钟（开合跳 / 跑步机快走），训练后拉伸5-10分钟

🏋️ 上半身训练一周示范表

方案 A：胸+三头 / 背+二头（经典高效）

📅 训练频率：每周 3-4 次

周一：胸+三头
- 杠铃卧推 4×8-10
- 哑铃飞鸟 3×10-12
- 窄握杠铃卧推 3×10-12
- 哑铃颈后臂屈伸 3×12
周三：背+二头
- 杠铃俯身划船 4×8-10
- 单臂哑铃划船 3×10-12
- 杠铃弯举 3×10-12
- 哑铃锤式弯举 3×12
周五：胸/背混合 + 肩
- 上斜杠铃卧推 3×8-10
- 杠铃划船 3×8-10
- 哑铃侧平举 3×12-15
- 杠铃推举 3×8-10

（可选 周日：核心+拉伸）

方案 B：推/拉分化（系统进阶）

📅 训练频率：每周 4 次

周一：推（胸+肩+三头）
- 杠铃卧推 4×8
- 上斜哑铃卧推 3×8-10
- 哑铃侧平举 3×12
- 杠铃推举 3×8-10
- 窄握杠铃卧推 3×10-12
周二：拉（背+二头）
- 杠铃俯身划船 4×8-10
- 单臂哑铃划船 3×10-12
- 杠铃弯举 3×10-12
- 哑铃锤式弯举 3×12
- 反向飞鸟 3×12
周四：推（变换角度）
- 上斜杠铃卧推 4×8-10
- 哑铃飞鸟 3×12
- 哑铃阿诺德推举 3×10
- 哑铃侧平举 3×15
- 哑铃臂屈伸 3×12
周五：拉（背+二头）
- 硬拉 4×6（中等重量）
- 杠铃划船 4×8
- 哑铃耸肩 3×12-15
- 杠铃弯举 3×12
- 哑铃集中弯举 3×12

方案 C：胸/背为主 + 手臂单独日（手臂重点）

📅 训练频率：每周 3-4 次

周一：胸+肩
- 杠铃卧推 4×8
- 上斜哑铃卧推 3×10
- 哑铃飞鸟 3×12
- 杠铃推举 3×8-10
- 哑铃侧平举 3×12-15
周三：背
- 杠铃俯身划船 4×8-10
- 单臂哑铃划船 3×12
- 硬拉 4×6（中等重量）
- 哑铃耸肩 3×12-15
- 反向飞鸟 3×12
周五：手臂
- 杠铃弯举 4×8-10
- 哑铃锤式弯举 3×12
- 哑铃集中弯举 3×12
- 窄握杠铃卧推 3×10-12
- 哑铃颈后臂屈伸 3×12
- 双手哑铃臂后伸 3×12
（可选周日：核心+拉伸）

📌 总结

方案 A → 简单高效，不容易出错
方案 B → 系统性最强，适合循序渐进
方案 C → 手臂重点，线条党首选

IntelliJ IDEA 已创建的Spring项目再次打开Spring依赖项管理窗口

Sun, 10 Aug 2025 15:18:36 GMT

这个功能隐藏的比较深，我认为放到Project Structure里面比较适合。

这个功能具体从哪个版本开始在这里我的不清楚，只能贴出我使用的IDEA版本号：

IntelliJ IDEA 2025.1.3 (Ultimate Edition)
Build #IU-251.26927.53, built on June 23, 2025

首先打开 pom.xml 文件，在文件窗口的内部打开鼠标右键菜单，选择 Generate 选项：

在新弹出的菜单中，选择 Add Starters 选项

然后即可打开 Spring 依赖项选择窗口。

五款Redis数据库桌面工具

Tue, 13 May 2025 09:18:23 GMT

平时查到了就记一下，以备不时之需

免得听别人天天问天天问

工具名称	官网 / 首页	GitHub 地址	官方文档地址
TinyRDM	https://redis.tinycraft.cc/	https://github.com/tiny-craft/tiny-rdm	通常包含在GitHub仓库中
Another Redis Desktop Manager	-	https://github.com/qishibo/AnotherRedisDesktopManager	通常包含在GitHub仓库中
RedisInsight	https://redis.com/redis-enterprise/redis-insight/	https://github.com/redisinsight/redisinsight	https://docs.redis.com/latest/ri/
DataGrip (JetBrains IDE)	https://www.jetbrains.com/datagrip/	非开源，无GitHub地址	https://www.jetbrains.com/help/datagrip/
DBeaver Pro (企业版)	https://dbeaver.com/	社区版开源：https://github.com/dbeaver/dbeaver	https://dbeaver.com/docs/

下面是各工具的详细介绍，包括其核心特点和适用场景。

🧩 各工具特点详解

TinyRDM 这是一款免费开源、极致轻量且界面现代化的Redis桌面客户端。它基于Webview2开发，安装包仅约10MB，资源占用低。功能全面，支持可视化操作各种数据结构、SSH/SSL连接、实时监控、数据导入导出等。非常适合追求轻量、快速和美观体验的个人开发者或团队使用。
Another Redis Desktop Manager 这是一款在开发者社区中口碑很好的免费开源国产工具，标榜“更快、更好、更稳定”。基于Electron开发，支持跨平台，界面友好。其亮点在于对海量Key的支持（可处理亿万级别）以及实用的内存分析、慢查询日志查看功能，对于排查BigKey和性能问题非常有帮助。
RedisInsight 这是由Redis官方出品的可视化管理工具。作为“亲生”工具，它提供了最深入的Redis功能支持，例如对Redis模块、Redis Stack（JSON、搜索等）的完整支持。它提供了强大的监控、内存分析和性能优化建议，是企业级用户或需要深度使用Redis高级功能的开发者的首选。
DataGrip 这是JetBrains公司推出的专业数据库集成开发环境（IDE）。它并非专门的Redis工具，但可以通过插件支持Redis。主要优势在于，如果已经是JetBrains IDE（如IDEA）的用户，可以在同一界面内无缝操作多种数据库（包括Redis），享受其智能代码补全、版本控制集成等强大功能。适合重度依赖JetBrains生态、需要统一管理多种数据库的开发人员。
DBeaver Pro DBeaver是一个通用的数据库管理工具，其社区版免费开源，企业版（Pro）提供更多高级功能。它通过驱动程序支持包括Redis在内的数十种数据库。其优势在于统一的管理界面，如果需要同时管理Redis、MySQL、PostgreSQL等多种数据库，DBeaver可以避免在多个工具间切换。对于专职DBA或需要管理异构数据环境的运维人员来说，是一个高效的“一站式”选择。

💡 如何选择？

可以根据以下场景快速决策：

追求轻量、免费和现代体验：首选 TinyRDM。
需处理海量数据或分析性能：Another Redis Desktop Manager 的实用工具很出色。
使用Redis企业版或需要官方深度支持：RedisInsight 是不二之选。
JetBrains全家桶用户，想在一个工具里搞定多种数据库：用 DataGrip 的插件。
需统一管理多种不同类型数据库：DBeaver Pro 则更适合。

口袋妖怪漆黑的魅影大师球金手指

Mon, 23 Dec 2024 14:50:09 GMT

改版游戏欢乐多，游戏道德莫要说。

严格来说并没有无限金币的代码，但是大家可以用过金手指购买金珠或者大师球，然后卖掉就可以获得金币了，如此反复，就会有用不完的金钱了。

金手指功能在使用过程中需注意：即用即开，用完就关。

金手指代码需要注意冒号和空格，有冒号的填入“代码” (对应.cht 文件中的 direct_v1)，没有冒号的填入“Gameshark” (对应 .cht 文件中的 gameshark_v1)。

大师球代码(direct)：03005E12:0001 金珠代码(direct)：03005E12:006e

大师球的作弊码(Gameshark)是：51F8A91D B6CC23CE（注意中间有空格）

具体步骤：

先去古辰镇的商店(购买地点必须是古辰镇，在别的城市的商店使用该金手指不生效)，随便选择一个物品，选好购买的数量。

点击模拟器上方的金手指-金手指列表，点击代码的方框，输入作弊码。

输入完成后点确定，回到游戏选择购买，这时候提示的商品名称已经变成了大师球。

买完之后记得要删掉金手指，不然会死机的，然后打开背包就可以里面有我们所需的东西了。

参考步骤2

如果上面的方法不生效，看看这个方法：

同样是在古辰镇的商店，大师球代码：03005E12:0001

先启用金手指后，进去商店买什么都会变成 "大师球"。

首先找到游戏框上分的金手指选项，打开金手指弹窗。
接着点开，点击左下方箭头指示的汉字代码。

接着输入代码，代码为：03005E12:0001。

然后就是确定代码的开关状态，可以自由选择开关。

紧接着到古辰镇的商店。

进去任意购买物品，以买最便宜的 "消毒药" 为例：

购买确认时，就会发现自己所买的物品变成了大师球！

购买结束后，到背包确认即可。

附录：

模拟器 .cht 文件示例：

direct_v1 LevelUp
020241F0 2710

direct_v1 MasterBall
03005E12 0001

direct_v1 GoldBead
03005E12 006e

gameshark_v1 NoWall
C518E259 5ADBAF5B

gameshark_v1 MasterBall
51F8A91D B6CC23CE

gameshark_v1 MagicCandy
9CFE9008 05447104

gameshark_v1 CityKaNaZi
74F475FE B25DF9B7

gameshark_v1 CityChengHua
3135E168 C0FBFC09

gameshark_v1 CityGuChen
38F706C5 70A2CA3D

参考文章：

https://www.3dmgame.com/gl/3706414.html

https://zhidao.baidu.com/question/1436357927509740299/answer/2860544224.html

https://jingyan.baidu.com/article/9f7e7ec06552182f29155464.html

Golang热门开源框架收集

Wed, 23 Oct 2024 10:59:58 GMT

从热门框架入手来学习一款开发语言是个不错的主意

搜索列表：Repositories search in Go

关于Github的高级搜索功能请参考：Searching for repositories

本篇整理的框架仅限于Web服务开发方向的，其他热门框架可浏览另一个开源项目：<embed type="image/svg+xml" src="https://img.shields.io/github/stars/avelino/awesome-go.svg?label=awesome-go&style=social"></embed>

Gin

Gin is a HTTP web framework written in Go (Golang). It features a Martini-like API with much better performance -- up to 40 times faster. If you need smashing performance, get yourself some Gin.

Fiber

Express inspired web framework written in Go.

Beego

beego is an open-source, high-performance web framework for the Go programming language.

Echo

High performance, minimalist Go web framework.

Go-Zero

A cloud-native Go microservices framework with cli tool for productivity.

Iris

The fastest HTTP/2 Go Web Framework. New, modern and easy to learn. Fast development with Code you control. Unbeatable cost-performance ratio.

Kratos

Your ultimate Go microservices framework for the cloud-native era.

Go-Micro

A Go microservices framework.

Revel

A high productivity, full-stack web framework for the Go language.

Martini

Classy web framework for Go.

GoFrame

GoFrame is a modular, powerful, high-performance and enterprise-class application development framework of Golang.

Github上的Awesome系列

Fri, 27 Sep 2024 10:18:14 GMT

太多了，实在是太多了

1. Awesome

https://github.com/sindresorhus/awesome

😎 Awesome lists about all kinds of interesting topics
😎 关于各类有趣主题的精选资源列表

2. Awesome Python

https://github.com/vinta/awesome-python

An opinionated list of awesome Python frameworks, libraries, software and resources.
精选推荐的Python框架、库、软件及相关资源列表

3. Awesome-Selfhosted

https://github.com/awesome-selfhosted/awesome-selfhosted

A list of Free Software network services and web applications which can be hosted on your own servers
可在自有服务器上部署的免费软件网络服务和Web应用列表

4. the-book-of-secret-knowledge

https://github.com/trimstray/the-book-of-secret-knowledge

A collection of inspiring lists, manuals, cheatsheets, blogs, hacks, one-liners, cli/web tools, and more.
一系列鼓舞人心的列表、手册、备忘单、博客、黑客技巧、单行命令、CLI/Web工具等

This repository is a collection of various materials and tools that I use every day in my work. It contains a lot of useful information gathered in one piece. It is an invaluable source of knowledge for me that I often look back on.
本仓库是我日常工作中使用的各种材料和工具的集合，汇集了大量有用信息，是我经常回顾的宝贵知识源

5. Awesome Go

https://github.com/avelino/awesome-go

A curated list of awesome Go frameworks, libraries and software
Go语言框架、库和软件的精选列表

6. Awesome ChatGPT Prompts

https://github.com/f/awesome-chatgpt-prompts

This repo includes ChatGPT prompt curation to use ChatGPT better.
包含优化使用ChatGPT的提示词精选合集

7. HelloGitHub

https://github.com/521xueweihan/HelloGitHub

分享 GitHub 上有趣、入门级的开源项目。Share interesting, entry-level open source projects on GitHub.

8. Awesome Hacking

https://github.com/Hack-with-Github/Awesome-Hacking

A collection of various awesome lists for hackers, pentesters and security researchers
为黑客、渗透测试人员和安全研究人员准备的各类精选资源列表

9. Awesome Mac

https://github.com/jaywcjlove/awesome-mac

Now we have become very big, Different from the original idea. Collect premium software in various categories.
现已发展壮大，不同于最初设想。收集各类优质Mac软件

10. Awesome-Font

https://github.com/FortAwesome/Font-Awesome

Font Awesome is the Internet's icon library and toolkit, used by millions of designers, developers, and content creators.
互联网图标库和工具包，被数百万设计师、开发者和内容创作者使用

11. Awesome Vue.js

https://github.com/vuejs/awesome-vue

A curated list of awesome things related to Vue.js
Vue.js相关资源的精选列表

12. Awesome-nodejs

https://github.com/sindresorhus/awesome-nodejs

Delightful Node.js packages and resources. 有趣的Node.js包和资源

13. Awesome-flutter

https://github.com/Solido/awesome-flutter

An awesome list that curates the best Flutter libraries, tools, tutorials, articles and more.
精选最佳Flutter库、工具、教程、文章等的资源列表

14. Awesome-chatgpt-prompts-zh

https://github.com/PlexPt/awesome-chatgpt-prompts-zh

ChatGPT 中文调教指南。各种场景使用指南。学习怎么让它听你的话。

15. Awesome-android-ui

https://github.com/wasabeef/awesome-android-ui

A curated list of awesome Android UI/UX libraries
精选Android UI/UX库列表

16. Awesome Java

https://github.com/akullpp/awesome-java

A curated list of awesome frameworks, libraries and software for the Java programming language.
Java编程语言的精选框架、库和软件列表

17. Awesome Compose

https://github.com/docker/awesome-compose

Awesome Docker Compose samples
优秀的Docker Compose示例集合

18. Awesome JavaScript

https://github.com/sorrycc/awesome-javascript

A collection of awesome browser-side JavaScript libraries, resources and shiny things.
浏览器端JavaScript库、资源和炫酷功能的精选集合

19. Awesome Design Tools

https://github.com/goabstract/Awesome-Design-Tools

The best design tools and plugins for everything
适用于各种场景的最佳设计工具和插件

20. Awesome Awesomeness

https://github.com/bayandin/awesome-awesomeness

A curated list of awesome awesomeness. 一份精心策划的令人敬畏的清单

Awesome项目的名单收集项目，和这篇文章做了一样的事情，名单很全面，但描述不够详细

21. Awesome-spider

~~https://github.com/facert/awesome-spider~~

爬虫集合（作者作死在Readme发梯子广告，目前整个库已经删除）

这里有一份快照存档：https://web.archive.org/web/20240928001646/https://github.com/facert/awesome-spider

Vue3学习笔记

Fri, 06 Sep 2024 21:22:58 GMT

仅仅只是笔记

Vue3

其实Vue3在工作中已经用了很久了，只不过之前都是根据需要按需学习，很碎片化，知识在脑海中不成体系。

如今从网络上获取知识已不成问题，官方文档加上各个平台网友们记录的各自踩坑记录足以系统化学习和实际应用，因此个人再尝试系统化的整理一些文档明显有些多此一举。

就如标题，做个学习笔记，记录一下日常踩坑经验用于备忘或是给后来的网友作为参考倒是比较适合的。

既然日常开发和实际应用已经不成问题，那么个人认为关于社区发展信息的获取就比较重要了，以往学习都是用什么学什么，关于社区环境一点不了解，偶尔在需要技术选型的时候摸不着头脑。

虽然多数场景无脑选择热门方案即可，但时下Vue3正处于蓬勃发展的高峰，还是更想跟着时代的浪潮走一走，多看一看。

下面则是查阅并了解了一些基于Vue3的UI组件框架。

Vue3 UI组件框架

下面的名单按Star数排序了一下，没想到居然 Ant Design 是Star最多的

Ant Design

Github：https://github.com/ant-design/ant-design 文档手册：https://ant-design.antgroup.com/components/overview-cn/

Vuetify

Github：https://github.com/vuetifyjs/vuetify 文档手册：https://vuetifyjs.com/zh-Hans/components/all/

Vuetify的文档手册，用火狐浏览器访问会报错，导致不能正常浏览，换用Chrome即可

Quasar

Github：https://github.com/quasarframework/quasar 文档手册：https://quasar.dev/components

Element Plus

Github：https://github.com/element-plus/element-plus 文档手册：https://element-plus.org/zh-CN/component/overview.html

Vant

Github：https://github.com/youzan/vant 文档手册：https://vant.pro/vant/

Naive UI

Github：https://github.com/tusen-ai/naive-ui 文档手册：https://www.naiveui.com/zh-CN/os-theme/components/avatar

PrimeVue

Github：https://github.com/primefaces/primevue 文档手册：https://primevue.org/vite

Arco Design Vue

Github：https://github.com/arco-design/arco-design-vue 文档手册：https://arco.design/docs/spec/link

Tiny Vue

Github：https://github.com/opentiny/tiny-vue 文档手册：https://opentiny.design/tiny-vue/zh-CN/smb-theme/overview

Podman学习笔记

Sat, 20 Apr 2024 13:22:29 GMT

又开始折腾了，真的是忍不住

介绍

官网：https://podman.io/
Github：<object type="image/svg+xml" data="https://img.shields.io/github/stars/containers/podman.svg?label=podman&style=social"></object>
Podman Compose: <object type="image/svg+xml" data="https://img.shields.io/github/stars/containers/podman-compose.svg?label=podman-compose&style=social"></object>

安装

先决条件

由于 Podman 使用 WSL，因此需要最新版本的 Windows 10 或 Windows 11。在 x64 上，WSL 需要内部版本 18362 或更高版本，以及 19041 或 ARM64 系统需要 later。在内部，WSL 使用虚拟化，因此您的系统必须支持并具有硬件已启用虚拟化。如果在 VM 上运行 Windows，则必须具有支持嵌套虚拟化的 VM。

WSL 版本需要 >= 1.2.5，执行 wsl --version 查看当前版本号，如果版本过低，请先升级 WSL。

我的电脑在执行 wsl --version 命令后，提示如下信息：

wsl --version
命令行选项无效: --version
版权所有(c) Microsoft Corporation。保留所有权利。

说明我电脑上的wsl版本太旧了，直接进行更新即可

 Desktop  wsl --update
正在安装: 适用于 Linux 的 Windows 子系统
已安装 适用于 Linux 的 Windows 子系统。
 Desktop  wsl --version
WSL 版本： 2.1.5.0
内核版本： 5.15.146.1-2
WSLg 版本： 1.0.60
MSRDC 版本： 1.2.5105
Direct3D 版本： 1.611.1-81528511
DXCore 版本： 10.0.25131.1002-220531-1700.rs-onecore-base2-hyp
Windows 版本： 10.0.22631.3447

还建议安装现代的“Windows Terminal”，它为标准 PowerShell 提供了卓越的用户体验，并且 CMD 提示以及 WSL 提示（如果需要）。

您可以通过搜索 Windows 应用商店或运行 winget 命令：

winget install Microsoft.WindowsTerminal

安装 Podman

安装 Windows Podman 客户端首先要下载 Podman Windows 安装程序。Windows 安装程序是与每个 Podman 一起构建的版本，可以从官方 GitHub 版本下载页面。请务必下载 4.1 或更高版本的本指南中讨论的功能。

安装 Podman Compose

官方手册

进入桌面端： Settings > Resources. 在 Compose 标题, 点击 Setup, 这时Podman就会去下载 Podman Compose 安装程序，这个过程持续时长视网络情况而定，安装成功后界面会提示进行下一步，然后跟着提示操作即可.

配置镜像

https://podman-desktop.io/docs/containers/registries#setting-up-a-registry-with-an-insecure-certificate

默认配置文件在 podman machine 内部，执行命令：

podman machine ssh --username root
vi /etc/containers/registries.conf

贴出示例文件，说明都在注释里面，看不懂的翻译一下即可

# For more information on this configuration file, see containers-registries.conf(5).
#
# NOTE: RISK OF USING UNQUALIFIED IMAGE NAMES
# We recommend always using fully qualified image names including the registry
# server (full dns name), namespace, image name, and tag
# (e.g., registry.redhat.io/ubi8/ubi:latest). Pulling by digest (i.e.,
# quay.io/repository/name@digest) further eliminates the ambiguity of tags.
# When using short names, there is always an inherent risk that the image being
# pulled could be spoofed. For example, a user wants to pull an image named
# `foobar` from a registry and expects it to come from myregistry.com. If
# myregistry.com is not first in the search list, an attacker could place a
# different `foobar` image at a registry earlier in the search list. The user
# would accidentally pull and run the attacker's image and code rather than the
# intended content. We recommend only adding registries which are completely
# trusted (i.e., registries which don't allow unknown or anonymous users to
# create accounts with arbitrary names). This will prevent an image from being
# spoofed, squatted or otherwise made insecure.  If it is necessary to use one
# of these registries, it should be added at the end of the list.
#
# # An array of host[:port] registries to try when pulling an unqualified image, in order.
unqualified-search-registries = ["registry.fedoraproject.org", "registry.access.redhat.com", "docker.io", "quay.io"]
#
[[registry]]
# # The "prefix" field is used to choose the relevant [[registry]] TOML table;
# # (only) the TOML table with the longest match for the input image name
# # (taking into account namespace/repo/tag/digest separators) is used.
# #
# # The prefix can also be of the form: *.example.com for wildcard subdomain
# # matching.
# #
# # If the prefix field is missing, it defaults to be the same as the "location" field.
# prefix = "example.com/foo"
prefix = "*.ustc.edu.cn"
#
# # If true, unencrypted HTTP as well as TLS connections with untrusted
# # certificates are allowed.
# insecure = false
#
# # If true, pulling images with matching names is forbidden.
# blocked = false
#
# # The physical location of the "prefix"-rooted namespace.
# #
# # By default, this is equal to "prefix" (in which case "prefix" can be omitted
# # and the [[registry]] TOML table can only specify "location").
# #
# # Example: Given
# #   prefix = "example.com/foo"
# #   location = "internal-registry-for-example.com/bar"
# # requests for the image example.com/foo/myimage:latest will actually work with the
# # internal-registry-for-example.com/bar/myimage:latest image.
#
# # The location can be empty if prefix is in a
# # wildcarded format: "*.example.com". In this case, the input reference will
# # be used as-is without any rewrite.
# location = internal-registry-for-example.com/bar"
#
# # (Possibly-partial) mirrors for the "prefix"-rooted namespace.
# #
# # The mirrors are attempted in the specified order; the first one that can be
# # contacted and contains the image will be used (and if none of the mirrors contains the image,
# # the primary location specified by the "registry.location" field, or using the unmodified
# # user-specified reference, is tried last).
# #
# # Each TOML table in the "mirror" array can contain the following fields, with the same semantics
# # as if specified in the [[registry]] TOML table directly:
# # - location
# # - insecure

[[registry.mirror]]
location = "docker.mirrors.ustc.edu.cn"

# location = "example-mirror-0.local/mirror-for-foo"
# [[registry.mirror]]
# location = "example-mirror-1.local/mirrors/foo"
# insecure = true
# # Given the above, a pull of example.com/foo/image:latest will try:
# # 1. example-mirror-0.local/mirror-for-foo/image:latest
# # 2. example-mirror-1.local/mirrors/foo/image:latest
# # 3. internal-registry-for-example.com/bar/image:latest
# # in order, and use the first one that exists.

short-name-mode="enforcing"

其他相关工具

Kind

官网：https://kind.sigs.k8s.io/
Github：<object type="image/svg+xml" data="https://img.shields.io/github/stars/kubernetes-sigs/kind.svg?label=kind&style=social"></object>

kind 是使用 Docker 容器“节点”运行本地 Kubernetes 集群的工具。

kind 主要用于测试 Kubernetes 本身，但也可用于本地开发或 CI。

如果您已经安装了 go 1.16+ 和 docker 、 podman 或 nerdctl go install sigs.k8s.io/kind@v0.22.0 && kind create cluster 就是你所需要的！

K3s

官网：https://k3s.io/
Github：<object type="image/svg+xml" data="https://img.shields.io/github/stars/k3s-io/k3s.svg?label=k3s&style=social"></object>

K3s 是轻量级的 Kubernetes。K3s 易于安装，仅需要 Kubernetes 内存的一半，所有组件都在一个小于 100 MB 的二进制文件中。

它适用于：

Edge
IoT
CI
Development
ARM
嵌入 K8s
不去学习那么多的 Kubernetes 高深知识也能上手使用

K3d

官网：https://k3d.io/
Github：<object type="image/svg+xml" data="https://img.shields.io/github/stars/rancher/k3d.svg?label=k3d&style=social"></object>

k3d 是一个轻量级的包装器，用于在 docker 中运行 k3s （Rancher Lab 的最小 Kubernetes 发行版）。

k3d 使得在 docker 中创建单节点和多节点 k3s 集群变得非常容易，例如用于 Kubernetes 上的本地开发。

注意： k3d 是一个社区驱动的项目，但它不是 Rancher （SUSE）的官方产品。赞助：为了花费大量时间改进 k3d，我们依靠赞助

开源网盘Alist安装

Tue, 09 Apr 2024 14:42:22 GMT

用过不少开源类网盘的开源程序了，就个人体验来讲，这款算是使用最顺手的了

安装

Github：<object type="image/svg+xml" data="https://img.shields.io/github/stars/alist-org/alist.svg?label=alist&style=social"></object> 官方手册：https://alist.nn.ci/zh/

人生苦短，我用docker，何况是官方提供的docker

compose.yml

version: '3.3'
services:
  alist:
    image: xhofe/alist:v3.33.0-ffmpeg
    container_name: alist
    environment:
      - TZ=Asia/Shanghai
      - PUID=0
      - PGID=0
      - UMASK=022
    volumes:
      - ./alistdata:/opt/alist/data
    expose:
      - 5244
    ports:
      - 5244:5244
    restart: unless-stopped

控制命令：

docker compose up -d
docker compose down
docker compose restart

VirualBox虚拟机启动时报错VERR_CPUM_INCOMPATIBLE_XSAVE_COMP_MASK

Mon, 08 Apr 2024 21:24:32 GMT

虚拟机也是个吃灰的玩具

好久之前使用的VirualBox虚拟机，今天启动时出现以下错误：

VERR_CPUM_INCOMPATIBLE_XSAVE_COMP_MASK

网上查了下，该问题的根本原因是因为上次在关闭虚拟机的时候选择了保存状态

而在此之后，我又对VirtualBox进行了升级，导致了此次的错误

解决方法：

右键单击管理器中的 VM，然后点击 "放弃保存的状态"

参考链接：https://forums.virtualbox.org/viewtopic.php?t=99508

关于开源项目的Git仓库管理

Thu, 21 Mar 2024 15:19:54 GMT

其实管理方式有很多，这篇文章仅适用于我个人的使用场景，一些愚见

简介

<mark>仓库：Repository</mark>
<mark>分支：Branch</mark>

开源框架的使用，需要在上游原仓库代码的基础上进行自己业务的开发。

由于框架的版本迭代，框架的代码结构及业务可能会发生改变，这就会导致我们之前写的代码，在框架升级后无法正常运行。

为了保证Git提交记录可以一直在上游的分支上，所以我们需要进行多仓库管理。

目前推荐的做法为：

	上游原仓	⇄	同步仓	⇄	业务仓
仓库说明	跟进最新改动		以上游仓为基础，我们需要进行一些自定义修改，统一化处理等功能		以同步仓为基础进行业务场景开发的仓库
分支说明	一般情况下我们只同步master分支		我们需要同步上游的master分支，然后将该master分支，再合并到我们自定义处理的分支上		我们需要同步仓自定义后的分支，在同步仓的基础上，再开自己的业务分支
	<tag blue>master</tag>	⇄	<tag blue>master</tag>
			⇅ git merge
			<tag green>my-master</tag>	⇄	<tag green>my-master</tag>
					⇅ git merge
					<tag yellow>my-dev</tag>

sequenceDiagram
participant 上游仓库
participant 同步仓库
participant 业务仓库
loop 同步分支
同步仓库-->>上游仓库: master
上游仓库-->>同步仓库: 
end
opt 检出 my-master
alt
同步仓库->>同步仓库: `master` merge into my-master
end
end
loop 同步分支
同步仓库-->>业务仓库: my-master
业务仓库-->>同步仓库: 
end
opt 检出 my-dev
alt
业务仓库->>业务仓库: `my-master` merge into my-dev
end
end

操作过程：

Git 仓库是支持多远端功能的

先 git clone 一份上游仓库到本地
然后到Git服务(如Gitee/Github/Gitlab)上创建一个空仓库，拿到仓库的链接，例:

https://gitee.com/yourname/yourrepository.git
将该仓库的链接添加到本地仓库中，一般情况下，origin 代表默认仓库，我们可以执行如下语句添加第二个仓库：
```
git remote add MySync https://gitee.com/yourname/yourrepository.git
```
然后将代码信息推送到刚刚添加的仓库上：
```
git push MySync master:master
```
这样我们的同步仓就拥有了完整的上游仓库信息
然后我们检出一个自己的主分支，用于做自定义处理等业务，如：去开源标识、第三方链接、初始化数据、强密码登录、全屏水印等功能
```
git branch checkout my-master
```
然后这个分支就一直保留下去，当作我们使用开源项目进行自己业务开发的 '模板' 代码
当我们有了新的业务开发，同样到Git服务上创建一个新的空仓库，拿到仓库链接，例：

https://gitee.com/yourname/your-custom.git

然后将该链接添加到同步仓的远端中：

git remote add MyCustom https://gitee.com/yourname/your-custom.git

然后将 my-master 分支推送到我们的业务仓中：
```
git push MyCustom my-master:my-master
```
这样我们的业务仓，就与 '模板' 仓保持了一致的版本信息
为了避免误操作导致仓库信息错乱，我们应该 clone 业务仓到一个新的文件夹中，并且在 my-master 分支的基础上新开一个分支，例如：my-dev，以后所有的业务开发，都在 my-dev 上进行。

当模板仓(同步仓)与上游代码合并，或者自定义处理、统一性功能等进行了更新时，就用模板仓推送 my-master 到业务仓，然后业务仓再将 my-master 与 my-dev 合并即可

Firefox浏览器忽略过期证书、无效证书

Wed, 13 Dec 2023 14:32:33 GMT

经常搜到有好多人的网站证书过期了想不起续期，但是又需要看到该网站的内容  现在的浏览器为了安全，在站点开启HSTS的情况下，过期证书是不可以通过点击 "详情" -> "继续浏览该网站(不安全)" 这种方式继续访问的

火狐浏览器可以在设置中“添加例外”

开源远程管理工具集合

Tue, 05 Dec 2023 15:45:29 GMT

继续折腾

Self-Host

next-terminal

官网: https://next-terminal.typesafe.cn/ Github: <object type="image/svg+xml" data="https://img.shields.io/github/stars/dushixiang/next-terminal.svg?label=next-terminal&style=social"></object> Demo: https://next.typesafe.cn/#/asset

1Remote

官网: https://1remote.org/zh-cn/ Github: <object type="image/svg+xml" data="https://img.shields.io/github/stars/1Remote/1Remote.svg?label=1Remote&style=social"></object>

natpass

先说结论：还不成熟，并不很好用，shell链接不支持诸如:top、htop、gotop之类动态刷新控制台界面的命令；vnc连接局域网测试都卡成PPT，code-server倒是没有测试，不过看来也没必要测试了。

官网: https://lwch.gitbook.io/natpass/introduce/startup Github: <object type="image/svg+xml" data="https://img.shields.io/github/stars/lwch/natpass.svg?label=natpass&style=social"></object>

笔记软件产品收录

Thu, 23 Nov 2023 13:47:41 GMT

笔记软件圈子怎么这么卷啊

开源

Focalboard

简介: 偏重项目管理和任务管理。官网: https://www.focalboard.com/ Github: https://github.com/mattermost/focalboard 相关文章: https://zhuanlan.zhihu.com/p/552965032

Anytype

简介: 高度重视隐私，采用了 IPFS 等安全机制。与 Notion 设计思想有区别，一切以 Object 为基石。具体见参考文献。官网: https://anytype.io/ Github: https://github.com/anyproto/anytype-ts 相关文章:

AppFlowy

简介: 1.重视数据隐私第一；2.原生开发；3.社区驱动官网: https://appflowy.io/ Github: https://github.com/AppFlowy-IO/AppFlowy 相关文章:

AFFiNE

简介: 不止步于 Notion、Miro。Affine 是下一代知识库，集计划、分类、创造于一体。隐私至上、开源、可定制化，开箱即用。官网: https://affine.pro/ Github: https://github.com/toeverything/AFFiNE 相关文章:

Obsidian

简介: 官网: https://obsidian.md/ Github: 非开源相关文章: https://zhuanlan.zhihu.com/p/554333805

Logseq

简介: 官网: https://logseq.com/ Github: https://github.com/logseq/logseq 相关文章: https://sspai.com/post/69503

Standard Notes

简介: Standard Notes is an end-to-end encrypted note-taking app for digitalists and professionals. Capture your notes, files, and life’s work all in one secure place. 官网: https://standardnotes.com/demo Github: https://github.com/standardnotes/app 相关文章:

https://www.appinn.com/standard-notes/
https://niu.sspai.com/prime/story/vol04-standard-notes

记一次AndroidStudio构建项目失败问题

Thu, 16 Nov 2023 10:09:18 GMT

Android开发绕不开的版本兼容问题，只不过这次问题出在构建工具的版本上

前因

最近在构建一个老项目的时候遇到了构建报错问题，该项目开发时所使用的JDK版本是1.8、Gradle版本是6.5

然而如今，AndroidStudio经过多年更新，内置JDK(EmbeddedJDK)版本都从1.8过渡到11又过渡到17了，Gradle也升级到8.x了，这些版本中，JDK版本的更新与Gradle的更新又是不同步的，几个JDK的LTS版本涵盖了Gradle的更新过程，所以导致此次构建失败的原因，基本上就是项目构建时所选用的这两项版本没有对应。

解决过程

过程很简单，根据报错信息进行索引，如果真的是因为版本之间的兼容问题——这里指的是JDK和Gradle版本之间，那么总会在网络上搜寻到各个版本之间对应关系，最后进行项目配置的切换即可解决问题。

这中间，可能还会掺杂着Kotlin版本的兼容问题……不过这种情况就要看个人遇到的实际场景进行排查了，比如我这次就遇到了该问题。

后果

此次事件最终通过使用JDK11和Gradle7.1.1得到解决。

事后

我打算抽空查一查各个JDK、Gradle版本发布的时间，并做个时间轴，以后再遇到类似场景的时候可以有目的性的排查，总好过网上大海捞针找线索。

Fluid主题使用Aplayer

Wed, 13 Sep 2023 15:50:16 GMT

直接使用 hexo-tag-aplayer 会导致 Fluid 主题的自定义脚本在生成静态站点时出现错误

然而我并不知道怎么通过修改代码来解决这个问题，所以找到了官方文档进行解决

示例：

<meting-js autoplay="true" server="netease" type="song" id="1488990167"> </meting-js>

说明

按照 Fluid 主题官方文档说明，使用 Hexo 注入器来加载 Aplayer 播放器，详细用法为：

在 Fluid 主题的 script 文件夹中，新建一个 js 脚本或者在原有的脚本中使用 Hexo 注入器，这里使用 default-injects.js 文件来举例：

console.log("注入aplayer");
hexo.extend.injector.register("body_end",`
  <div id="aplayer"></div>
  <link defer rel="stylesheet" href="https://cdn.staticfile.org/aplayer/1.10.1/APlayer.min.css" />
  <script src="https://cdn.staticfile.org/aplayer/1.10.1/APlayer.min.js"></script>
  <script defer src="/js/aplayer.js"></script>
  `
);

然后在博客的source/js/文件夹中新建一个 js 脚本，在 Web 前端加载 Aplayer，例如新建 source/js/aplayer.js，详细参数参考官网

!(function () {
  console.log("aplayer加载中");
  var oldLoadAp = window.onload;
  window.onload = function () {
    oldLoadAp && oldLoadAp();

    var ele = document.getElementById("aplayer");
    if (ele != undefined || ele != null) {
      new APlayer({
        container: document.getElementById("aplayer"),
        fixed: true,
        autoplay: false,
        loop: "all",
        order: "random",
        theme: "#b7daff",
        preload: "none",
        audio: [
          {
            name: "song1",
            artist: "artist1",
            url: "music.mp3",
            cover: "cover.jpg",
          },
        ],
      });
    }
  };
})();

配置完成后，Aplayer 脚本会在当前网页中寻找 id 为aplayer的布局进行初始化，然后在网页的左下角将出现一个小小的音乐播放器。

这是 Aplayer 最原始的用法，并不支持音乐 API，使用 API 需要注入 Meting，在上面的代码基础上稍作修改：

console.log("注入aplayer");
hexo.extend.injector.register("body_end",`
  <div id="aplayer"></div>
  <link defer rel="stylesheet" href="https://cdn.staticfile.org/aplayer/1.10.1/APlayer.min.css" />
  <script src="https://cdn.staticfile.org/aplayer/1.10.1/APlayer.min.js"></script>
  <script src="https://cdn.jsdelivr.net/npm/meting@2/dist/Meting.min.js"></script>
  <script defer src="/js/aplayer.js"></script>
  `
);

只需要在 APlayer 加载之后加载 Meting 即可，然后在想要插入音乐的文档中加入如下内容即可，详细参数参考官网：

<meting-js
  autoplay="true"
  server="netease"
  type="song"
  id="2059757870">
</meting-js>

由于 Markdown 语法是支持 Markdown+Html 混合解析的，理论上这段代码插入在哪里都可以使用，这篇文章最开始的音乐就是这样插入的。

如上示例的参数，播放器将会和文章内容嵌入在一起，加上fixed="true" 播放器将会自动播放音乐，但可能会被浏览器栏截。

Shields.io图像辅助生成工具

Mon, 07 Aug 2023 14:37:00 GMT

输入 Github 链接快速生成可用于插入 Markdown 文档的 HTML 代码

<div> <div style="flex-direction: column;text-align:center;"> <div> <b>Github链接：</b> <br><input id="githubInput" style="width: 520px;" placeholder="这里输入Github链接" /> </div> ↓↓↓ <hr> </div> <div style="border: solid #e7f5f8 1px; border-radius: 5px;padding: 10px;text-align:center;"> <b><object>标签：</b> <br><textarea id="result1" rows="3" cols="60" placeholder="这里显示插入代码"></textarea> <br><b>预览：</b> <div id="preview1" style="margin-top:10px"> </div> </div> <div style="border: solid #e7f5f8 1px; border-radius: 5px;padding: 10px;text-align:center;"> <b><embed>标签：</b> <br><textarea id="result2" rows="3" cols="60" placeholder="这里显示插入代码"></textarea> <br><b>预览：</b> <div id="preview2" style="margin-top:10px"> </div> </div> <div style="border: solid #e7f5f8 1px; border-radius: 5px;padding: 10px;text-align:center;"> <b><img>标签：</b> <br><textarea id="result3" rows="3" cols="60" placeholder="这里显示插入代码"></textarea> <br><b>预览：</b> <div id="preview3" style="margin-top:10px"> </div> </div> </div>

function getLink() {
    if (githubUrl.lastIndexOf(".git" >= 0)) {
        githubUrl = githubUrl.replace(".git", "");
    }
    result = {
        img: '',
        embed: '',
        object: '',
    }
    if (githubUrl.indexOf("https://github.com") >= 0) {
        var repoInfos = githubUrl.replace("https://github.com/", "").split("/")
        repoOwner = repoInfos[0]
        repoName = repoInfos[1]
        result.img = `<span><a href="${githubUrl}"><img src="https://img.shields.io/github/stars/${repoOwner}/${repoName}.svg?label=${repoName}&style=social"></img></a></span>`;
        result.embed = `<embed type="image/svg+xml" src="https://img.shields.io/github/stars/${repoOwner}/${repoName}.svg?label=${repoName}&style=social"></embed>`;
        result.object = `<object type="image/svg+xml" data="https://img.shields.io/github/stars/${repoOwner}/${repoName}.svg?label=${repoName}&style=social"></object>`;
    }
    return result
}
function setPreview(result) {
    document.querySelector('#result1').value = result.object;
    document.querySelector('#preview1').innerHTML = result.object;
    document.querySelector('#result2').value = result.embed;
    document.querySelector('#preview2').innerHTML = result.embed;
    document.querySelector('#result3').value = result.img;
    document.querySelector('#preview3').innerHTML = result.img;
}
input.oninput = function onInput(e) {
    console.log('oninput 正在输入:', e.target.value);
    githubUrl = e.target.value;
    setPreview(getLink());
}
setPreview(getLink());

</script>

开源数据库工具整合

Mon, 07 Aug 2023 11:09:51 GMT

开源真是百花齐放

<object data="https://img.shields.io/github/stars/dbeaver/dbeaver.svg?label=dbeaver&style=social"></object>
<object data="https://img.shields.io/github/stars/beekeeper-studio/beekeeper-studio.svg?label=beekeeper-studio&style=social"></object>
<object data="https://img.shields.io/github/stars/HeidiSQL/HeidiSQL.svg?label=HeidiSQL&style=social"></object>
<object data="https://img.shields.io/github/stars/Studio3T/robomongo.svg?label=robomongo&style=social"></object>
<object data="https://img.shields.io/github/stars/mongodb-js/compass.svg?label=compass&style=social"></object>

简单轻量的服务器监测工具Ward

Thu, 03 Aug 2023 15:45:00 GMT

又一款服务器监控工具

Ward <object data="https://img.shields.io/github/stars/Rudolf-Barbu/Ward.svg?label=Ward&style=social"></object> 是一个简单又简约的服务器监测工具。 Ward 支持适应性设计的系统。此外，它支持暗色主题。它只显示了可以使用的主要信息，如果你想看看好看的仪表板，而不是寻找一堆数字和图表。 Ward 可以良好的运行在所有流行的操作系统，因为它使用了 <object data="https://img.shields.io/github/stars/oshi/oshi.svg?label=oshi&style=social"></object>.

安装方法参考项目说明：

Create your own .jar

• Clone the project • Import project in your IDE as Maven project • Run command mvn clean package

Run .jar file

• Download latest .jar from releases section • Execute jar on Windows or Linux with administrative rights • Enter localhost:4000 and set up application

再附上一份 jar 包运行控制脚本

{% include_code startjar.sh %}

折腾Let's Encrypt通配符域名证书

Thu, 03 Aug 2023 09:35:18 GMT

真是太拖延了，我要改变一下

使用 Let's Encrypt 已经好几年了，然而早在几年前它就支持通过 DNS 验证获取泛域名证书了，我居然愣是使用定时脚本逐个给域名单独申请证书凑和了好几年。

如今用的域名越来越多，终于打算搞一搞其他用法了

1 验证机制

首先我们要先了解 Let’s Encrypt 的认证机制，详细阅读官方的 Let’s Encrypt 的验证方式[^1]

以下为官方内容节选:

HTTP-01 验证

这是当今最常见的验证方式。 Let’s Encrypt 向您的 ACME 客户端提供一个令牌，然后您的 ACME 客户端将在您对 Web 服务器的 http://<你的域名>/.well-known/acme-challenge/<TOKEN>（用提供的令牌替换 <TOKEN>）路径上放置指定文件。该文件包含令牌以及帐户密钥的指纹。一旦您的 ACME 客户端告诉 Let’s Encrypt 文件已准备就绪，Let’s Encrypt 会尝试获取它（可能从多个地点进行多次尝试）。如果我们的验证机制在您的 Web 服务器上找到了放置于正确地点的正确文件，则该验证被视为成功，您可以继续申请颁发证书。如果验证检查失败，您将不得不再次使用新证书重新申请。

我们的 HTTP-01 验证最多接受 10 次重定向。我们只接受目标为“http:”或“https:”且端口为 80 或 443 的重定向。我们不目标为 IP 地址的重定向。当被重定向到 HTTPS 链接时，我们不会验证证书是否有效（因为验证的目的是申请有效证书，所以它可能会遇到自签名或过期的证书）。

HTTP-01 验证只能使用 80 端口。因为允许客户端指定任意端口会降低安全性，所以 ACME 标准已禁止此行为。

优点：

它可以轻松地自动化进行而不需要关于域名配置的额外知识。

它允许托管服务提供商为通过 CNAME 指向它们的域名颁发证书。

它适用于现成的 Web 服务器。

缺点：

如果您的 ISP 封锁了 80 端口，该验证将无法正常工作（这种情况很少见，但一些住宅 ISP 会这么做）。

Let’s Encrypt 不允许您使用此验证方式来颁发通配符证书。

您如果有多个 Web 服务器，则必须确保该文件在所有这些服务器上都可用。

</details>

DNS-01 验证

此验证方式要求您在该域名下的 TXT 记录中放置特定值来证明您控制域名的 DNS 系统。该配置比 HTTP-01 略困难，但可以在某些 HTTP-01 不可用的情况下工作。它还允许您颁发通配符证书。在 Let’s Encrypt 为您的 ACME 客户端提供令牌后，您的客户端将创建从该令牌和您的帐户密钥派生的 TXT 记录，并将该记录放在 _acme-challenge.<YOUR_DOMAIN> 下。然后 Let’s Encrypt 将向 DNS 系统查询该记录。如果找到匹配项，您就可以继续颁发证书！

由于颁发和续期的自动化非常重要，只有当您的 DNS 提供商拥有可用于自动更新的 API 时，使用 DNS-01 验证方式才有意义。我们的社区在此处提供了此类 DNS 提供商的列表。您的 DNS 提供商可能与您的域名注册商（您从中购买域名的公司）相同或不同。如果您想更改 DNS 提供商，只需在注册商处进行一些小的更改，无需等待域名即将到期。

请注意，将完整的 DNS API 凭据放在 Web 服务器上会显着增加该服务器被黑客攻击造成的影响。最佳做法是使用权限范围受限的 API 凭据，或在单独的服务器上执行 DNS 验证并自动将证书复制到 Web 服务器上。

由于 Let’s Encrypt 在查找用于 DNS-01 验证的 TXT 记录时遵循 DNS 标准，因此您可以使用 CNAME 记录或 NS 记录将验证工作委派给其他 DNS 区域。这可以用于将 _acme-challenge 子域名委派给验证专用的服务器或区域。如果您的 DNS 提供商更新速度很慢，那么您也可以使用此方法把验证工作委派给更新速度更快的服务器。

大多数 DNS 提供商都有一个“更新时间”，它反映了从更新 DNS 记录到其在所有服务器上都可用所需的时间。这个时间可能很难测量，因为这些提供商通常也使用任播，这意味着多个服务器可以拥有相同的 IP 地址，并且根据您在世界上的位置，您和 Let’s Encrypt 可能会与不同的服务器通信（并获得不同的应答）。最好的情况是 DNS API 为您提供了自动检查更新是否完成的方法。如果您的 DNS 提供商没有这样的方法，您只需将客户端配置为等待足够长的时间（通常多达一个小时），以确保在触发验证之前更新已经完全完成。

您可以为同一名称提供多个 TXT 记录。例如，如果您同时验证通配符和非通配符证书，那么这种情况可能会发生。但是，您应该确保清理旧的 TXT 记录，因为如果响应大小太大，Let’s Encrypt 将拒绝该记录。

优点：

您可以使用此验证方式来颁发包含通配符域名的证书。

即使您有多个 Web 服务器，它也能正常工作。

缺点：

在 Web 服务器上保留 API 凭据存在风险。

您的 DNS 提供商可能不提供 API。

您的 DNS API 可能无法提供有关更新时间的信息。

</details>

其中 HTTP-01 就是用的最多的验证方式，我这几年一直在用的就是它：

certbot certonly --nginx --nginx-server-root=/nginx/conf --email doracoin@foxmail.com -d blog.doracoin.cc

如官方所言，这种方式不支持通配符域名证书，所以这几年我一直在靠定时脚本来管理，比较费心

2 开始操作

今天要更换的就是方法是采用 Cloudflare API 来进行自动化申请、续期、通配符域名证书。

2.1 获取 Cloudflare API 令牌

访问[^2]来获取你的 API 令牌，至于为什么选用 Cloudflare，参考提供了自动更新 API 的 DNS 提供商的列表，Cloudflare 是比较出名的一家

2.2 使用 NginxProxyManager (NPM)

NginxProxyManager <object data="https://img.shields.io/github/stars/jc21/nginx-proxy-manager.svg?label=nginx-proxy-manager&style=social"></object> 的安装过程很简单，它的开发者官方提供了官方制作的 Docker 镜像，网上文章也很多，这里不提。

进入到 NginxProxyManager 平台，平台默认账号官方文档提到过：admin@example.com|changeme，首次登录平台会要求重新设置密码，密码设置成功后重新登录系统，切换到 SSL Certificates 的标签页，点击右侧 Add SSL Certificate 按钮，申请一个新的域名证书，如下图：

然后稍等一会儿，NPM 就会将证书申请下来了，这个证书可以在 NPM 中直接配置，也可以从 NPM 的服务器上复制到其他服务器使用，

2.3 其他事项

三级域名注意事项4：

如果你的服务需要部署在三级域名的情况下，*.yourdomain.com 这种通配符域名证书是不可以的，你应该申请 *.subname.yourdomain.com

[^1]: Let’s Encrypt 的验证方式 [^2]: 获取您的 Cloudflare API 令牌 [^3]: Let's Encrypt SSL 泛域名证书申请和配置 [^4]: 反向代理神器：Nginx Proxy Manager

1Panel体验

Tue, 01 Aug 2023 09:54:17 GMT

开源产品总是值得折腾的

折腾它的这一天，它的最新版本是 <tag blue>v1.4.3</tag>

开始安装

参考：https://github.com/1Panel-dev/1Panel/releases/latest

1.1 一键安装

CentOS/RHEL

curl -sSL https://resource.fit2cloud.com/1panel/package/quick_start.sh -o quick_start.sh && sh quick_start.sh

Ubuntu

curl -sSL https://resource.fit2cloud.com/1panel/package/quick_start.sh -o quick_start.sh && sudo bash quick_start.sh

Debian

curl -sSL https://resource.fit2cloud.com/1panel/package/quick_start.sh -o quick_start.sh && bash quick_start.sh

1.2 在线升级

1.3 安装完成

控制台将输出如下信息

{% img https://img.doracoin.cc/images/2023/08/01/6c4a4a30a12be5aa25994c884012481a.jpg 200 200 %}

[1Panel Log]: =================感谢您的耐心等待，安装已经完成==================
[1Panel Log]:
[1Panel Log]: 请用浏览器访问面板:
[1Panel Log]: 面板地址: http://192.168.2.23:19743/32******4a
[1Panel Log]: 用户名称: a***n
[1Panel Log]: 用户密码: A**********6
[1Panel Log]:
[1Panel Log]: 项目官网: https://1panel.cn
[1Panel Log]: 项目文档: https://1panel.cn/docs
[1Panel Log]: 代码仓库: https://github.com/1Panel-dev/1Panel
[1Panel Log]:
[1Panel Log]: 如果使用的是云服务器，请至安全组开放 19743 端口
[1Panel Log]:
[1Panel Log]: ================================================================

Rainmeter雨滴RegExp表达式

Tue, 01 Aug 2023 09:49:05 GMT

美化的尽头是默认，但我还没折腾到尽头

举例

; -- Internet IP
[measureIP]
; This measure returns your IP. WebParser measures are relatively complicated. If you're a beginner with
; Rainmeter, take a look at some of the other illustro skins before modifying this one.
Measure=Plugin
Plugin=WebParser
;Url=http://ip.doracoin.cc
Url=https://ip.cn/api/index?ip=&type=0
UpdateRate=14400
;RegExp=(.*)
RegExp="ip":"(.*)",
StringIndex=1
Substitute="":"N/A"

[^1]: RainRegExp - Rainmeter Regular Expression tester [^2]: WebParser: Debugging RegExp [^3]: RainRegExp.zip

Window Powershell 启用 oh-my-posh

Fri, 28 Jul 2023 16:35:44 GMT

让控制台多彩起来！每天都在对着控制台，看起来舒心更重要。

本篇文章基于 Powershell 和 Windows Terminal，在开始之前请先安装好它们。

官网

Github：<object data="https://img.shields.io/github/stars/jandedobbeleer/oh-my-posh.svg?label=oh-my-posh&style=social"></object>

官方手册：https://ohmyposh.dev/docs/installation/windows

安装步骤

1 安装 oh-my-posh [^1]

这里选择使用 Scoop 来进行安装：

scoop install https://github.com/JanDeDobbeleer/oh-my-posh/releases/latest/download/oh-my-posh.json

或者使用官方脚本安装

Set-ExecutionPolicy Bypass -Scope Process -Force; Invoke-Expression ((New-Object System.Net.WebClient).DownloadString('https://ohmyposh.dev/install.ps1'))

这过程将安装如下内容：

oh-my-posh.exe Windows 执行文件
最新的 Oh My Posh 主题

安装程序已经添加了环境变量到系统的 PATH，重新加载环境变量需要重启终端。

现在安装了 Oh My Posh，您可以按喜好继续配置终端(Windows Terminal)

2 安装字体 [^2]

oh-my-posh font install

将执行一个交互式命令行，选择一个字体即可，我这里选择了 FiraMono

{% gi 3 1-2 %}

{% endgi %}

再到 Windows Terminal 中设置字体即可

3 切换到 oh-my-posh [^3]

打开控制台，执行以下命令编辑你的配置文件：

notepad $PROFILE

将会通过系统的记事本程序打开一个 Profile.ps1 的配置文件，你打开的这份配置文件多半是空白的，只需要在其中添加如下命令，然后重新启动控制台就可以启用 oh-my-posh 了

oh-my-posh init pwsh | Invoke-Expression

4 自定义配置 [^4]

Oh my posh 安装完后会在系统变量中添加相关信息：

# 查看 Oh my posh 相关变量
ls env: |findstr POSH

# 将会输出如下信息
POSH_AZURE_ENABLED             False
POSH_CURSOR_COLUMN             1
POSH_CURSOR_LINE               30
POSH_GIT_ENABLED               False
POSH_INSTALLER                 scoop
POSH_PID                       14984
POSH_SHELL_VERSION             7.3.6
POSH_THEME                     C:\Users\Doracoin\AppData\Local\Programs\oh-my-posh\themes\quick-term.omp.json
POSH_THEMES_PATH               C:\Users\Doracoin\AppData\Local\Programs\oh-my-posh\themes

# 预览所有主题
Get-PoshThemes

# oh-my-posh 会将本地所有主题样式在控制台输出一遍，可以根据喜好选择一个
# 然后参照上一步骤配置 oh-my-posh 的操作，指定一个配置文件即可
oh-my-posh init pwsh --config "$env:POSH_THEMES_PATH/quick-term.omp.json" | Invoke-Expression

[^1]: 安装 oh-my-posh https://ohmyposh.dev/docs/installation/windows#installation [^2]: 安装字体 https://ohmyposh.dev/docs/installation/fonts [^3]: 启用 oh-my-posh https://ohmyposh.dev/docs/installation/prompt [^4]: 自定义配置 https://ohmyposh.dev/docs/installation/customize

放下执念，能用就行

Fri, 28 Jul 2023 14:56:11 GMT

聊聊开发过程中一些个人习惯。  一直以来由于自己过于较真的习惯，为了尽可能的保证程序的健壮性，目光和思维过多的花费在了太过细节的地方，导致在做工作或个人项目时经常效率不高。

其实舍弃这些细节性优化处理也并不会提升什么软件质量。

20260111更新：当时写这篇文章时，思路不够明晰，现在已经整合成新的文章了 → 《{% post_link 写给自己看的软件开发准则 %}》

记一次注册《钉钉开放平台》的过程

Fri, 16 Jun 2023 09:53:49 GMT

全沾工程师的学习路

1 官网

1.1 钉钉开放平台首页

https://open-dev.dingtalk.com/

1.2 钉钉管理后台

需管理员登录：https://oa.dingtalk.com/

1.3 成为钉钉开发者

https://open.dingtalk.com/document/dashboard/become-a-dingtalk-developer-1

1.4 Api 总览

https://open.dingtalk.com/document/orgapp/api-overview

2 申请开发者步骤

2.1 分配开发者

使用企业管理员（一般情况下就是超管）登录钉钉管理后台，分配一个开发者管理员：

这样，就有了开发者权限账号。

2.2 创建应用

使用上一步分配的开发者管理员账号，登录钉钉开放平台首页，创建一个企业内部应用

可以获取到该应用的 <span class="tag red">AgentId</span><span class="tag red">AppKey</span><span class="tag red">AppSecret</span>

用于获取企业内部应用的 access_token

分配应用权限

3 问题记录

3.1 请求的部门 id 不在授权范围内

https://blog.csdn.net/peng2hui1314/article/details/105122019

Android唯一标识

Fri, 09 Jun 2023 14:20:42 GMT

以前一直用的Mac地址，然而...

不要使用MAC地址

参考链接:https://developer.android.com/training/articles/user-data-ids?hl=zh-cn#mac-addresses

在 Android 6.0（API 级别 23）到 Android 9（API 级别 28）中，本地设备 MAC 地址（如 WLAN 和蓝牙）无法通过第三方 API 使用。 WifiInfo.getMacAddress() 方法和 BluetoothAdapter.getDefaultAdapter().getAddress() 方法都会返回 02:00:00:00:00:00。

不要使用MAC地址 <cite>https://developer.android.com/training/articles/user-data-ids?hl=zh-cn#mac-addresses</cite>

参考文章

使用Webhook更新Hexo博客

Wed, 17 May 2023 14:51:48 GMT

这里提到的 Webhook 不是单纯意义上的 Webhook，而是一个 Webhook 的开源实现库

Webhook

Github: <object data="https://img.shields.io/github/stars/adnanh/webhook.svg?label=webhook&style=social"></object>

到 Release 页面下载一份二进制程序，放到服务器的一个文件夹下，然后在同文件夹根目录下新建一个 hooks.yml 文件，文件结构如下：

. /path/to/webhook
├── ./hooks.yml
└── ./webhook

配置你需要的 Hooks

编辑配置文件 nano hooks.yml，相关配置说明参考 Hook-Definition.md

- id: "webhook-demo"
  command-working-directory: "/www/demo"
  execute-command: "update.sh"
  success-http-response-code: 200
  response-message: "Hook is checked."
  include-command-output-in-response: true

- id: "my-hexo"
  command-working-directory: "/www/my-hexo"
  execute-command: "update.sh"
  success-http-response-code: 200
  response-message: "Hook is checked."
  include-command-output-in-response: true

<span class="tag blue">execute-command</span> 参数说明：脚本为相对路径时，最终执行的命令为 ${command-working-directory}/${execute-command}，如 /www/my-hexo/update.sh；脚本为绝对路径时，command-working-directory 将作为工作路径参数传入到执行脚本中

一切都配置完成后，运行启动命令，相关参数参考 Webhook-Parameters.md：

./webhook -verbose -ip "127.0.0.1" -port 9000 --hooks hooks.yml -hotreload -pidfile ./webhook.pid

以如上配置做举例说明：当 webhook 程序运行后，它将运行一个服务并监听两个接口：

http://yourserver:9000/hooks/my-hexo
http://yourserver:9000/hooks/webhook-demo

调用相应的 Hooks 会执行配置的脚本，例如：

curl -X "POST" -H "Content-Type: application/json" -d "{}" -i http://yourserver:9000/hooks/my-hexo
# 会执行配置文件中 'command-working-directory/execute-command' 配置的脚本
/www/my-hexo/update.sh

配置 Hooks 触发

以上就是你所拥有的 Webhooks 了，接下来只要把这两个接口配置到你所需要调用的地方就可以了，比如 Github 或 Gitlab 仓库的Webhooks配置中：

{% gi 2 2 %} {% endgi %}

配置执行脚本

在 update.sh 脚本中写入你所需要进行的操作即可，例如我是打算根据 git 仓库的推送事件，进行博客的更新操作：

#!/bin/bash
cd `dirname $0`

git pull

hexo clean && hexo g --silent

chown www:www -R ./public

将 update.sh 放入 hexo 博客的文件夹内随 git 仓库一同保存，这样以后本地编辑文章并推送到仓库后，Github 或 Gitlab 就会调用服务端的 Webhooks，然后去执行所配置路径下的 update.sh 脚本，这样就达到了自动更新博客的目的。

注：如果你的服务器执行 git pull 每次都要输入用户名密码进行验证，可提前在服务器端执行以下命令：

# 执行一次即可
git config --global credential.helper store

这样以后就不需要每次都进行验证了，参考：部署Hexo，git-credential-cache

Nginx反向代理QBittorrentWebUI

Wed, 17 May 2023 10:52:23 GMT

最近想要通过 Nginx 把家里的 QBittorrent 暴露出来用于公网访问

但代理过后总是出现 401 错误，导致不能正常使用，经过搜索网友们遇到的情况，发现还是反向代理的配置上出了问题.

我原来的配置文件

location / {
    proxy_pass http://192.168.1.1:8080/;
    proxy_set_header Host $host;
    proxy_set_header X-Real-IP $remote_addr;
    proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for;
}

调整后的配置文件

{% include_code 正确的配置文件 lang:nginx qbittorrent-nginx.conf %}

推测这其中重要的是 X-Forwarded-Host X-Forwarded-Proto 两个头部字段，毕竟 QB 中也有相应的控制功能：

因此推测是 QB 需要根据 http 的头部字段做一些判断，如果需要获取的字段信息不存在，可能就会导致 http 验证无法通过，因而返回401验证错误.

使用 OpenSSL 生成 CSR

Fri, 17 Mar 2023 10:27:46 GMT

生成 CSR - OpenSSL

介绍

本文提供了在 OpenSSL 中生成证书签名请求 (CSR) 的分步说明。这是 Apache HTTP Server 和 NGINX 等 Web 服务器最常需要的。如果这不是您正在寻找的解决方案，请在上面的搜索栏中搜索您的解决方案。

切换到工作目录

要在 Apache OpenSSL 中生成 CSR，您可以查看下面的视频以获取教程。

或者，您可以按照下面的分步指南进行操作。

GNU/Linux 和 Mac OS X 用户：

打开终端并浏览到要生成密钥对的文件夹

Windows 用户：

导航到您的 OpenSSL“bin”目录并在同一位置打开命令提示符。

生成 CSR 和私钥：

openssl req -out CSR.csr -new -newkey rsa:2048 -keyout privatekey.key

要生成 4096 位 CSR，您可以将 rsa:2048 语法替换为 rsa:4096，如下所示。

openssl req -out CSR.csr -new -newkey rsa:4096 -keyout privatekey.key

注意：系统将提示您输入密码才能继续。保留此密码，因为您将需要它来使用证书。

根据提示填写以下字段：

注意：不能接受以下字符：< > ~ ! @# $ % ^ * / \ ( ) ?.,&

场地	例子
国家的名字	美国（2 字母代码）
州或省	新罕布什尔州（州全名）
地区	朴茨茅斯（城市全名）
组织	GMO GlobalSign Inc （实体的法定名称）
组织单位	支持（可选，例如部门）
通用名称	www.globalsign.com （域名或实体名称）

您现在应该有一个私钥 (privatekey.key) 应该保留在您的计算机上，以及一个证书签名请求 (CSR.csr)，可以将其提交给 GlobalSign 以签署您的公钥。这些文件中的每一个都可以在纯文本编辑器中查看，例如记事本、TextEdit、Vi、Nano 和 Notepad++。

或者在命令行输入以下命令：cat CSR.csr查看您的信息

存在的问题

这样生成的密钥配置到nginx之后，每次重启nginx/重新加载nginx配置的时候都需要输入证书密码，十分麻烦，因此要做以下的修改

#去除密码
mv server.key server2.key
openssl rsa -in server2.key -out server.key
#再次生成crt证书
openssl x509 -req -days 3000 -in server.csr -signkey server.key -out server.crt

这样就不用每次nginx -s reload的时候输入密码了

参考链接：https://support.globalsign.com/ssl/ssl-certificates-installation/generate-csr-openssl

浏览器品牌合集列表

Thu, 16 Mar 2023 15:17:52 GMT

目前市面上的PC端浏览器品牌有那么多，且又基于多种不同浏览器内核，是时候记录一下了。

有些品牌是支持多端版本的，有些品牌则只支持PC端，访问官网查看各品牌浏览器信息。

Blink	Webkit	Gecko
Chrome	Safari	Firefox
Edge
Opera
Vivaldi
Brave
Chrommium
Tor Browser
Yandex Browser
IceCat
Maxthon
Lunascape
Falkon
Waterfox

参考链接：https://www.webdevelopersnotes.com/browsers-list

Web开启PWA详解

Thu, 16 Mar 2023 14:33:30 GMT

自己的网站其实已经支持PWA很长时间了，一直没有时间将这部分知识文档化，抽空简单写一写。

解锁 TrueNAS SCALE 第三方docker容器网络访问限制

Mon, 06 Feb 2023 15:57:58 GMT

...

为防止链接失效，从解锁TrueNAS SCALE 三方docker容器网络访问限制，默认是关闭的；并添加Portainer-CE容器webGUI管理器转载.

解锁TrueNAS SCALE 三方Docker容器网络访问限制，默认是关闭的；并添加Portainer-CE容器webGUI管理器

本教程环境版本: TrueNAS-SCALE-21.06-BETA.1

首先开启SSH访问

开启root登陆

SSH登陆TrueNAS

账号: root/密码（和Web端相同）

创建新的Docker配置文档 (这样做是因为，在NAS系统重启后，会初始化原来的daemon.json文件)

cp /etc/docker/daemon.json /etc/docker/daemon-new.json

编辑这个 daemon-new.json 文档

vi /etc/docker/daemon-new.json

删除 iptable，Bridge 相关参数

编辑 docker.service 服务配置

vi /usr/lib/systemd/system/docker.service

找到在 [Service] 段下的

ExecStart=/usr/bin/dockerd

在其后加入

--config-file=/etc/docker/daemon-new.json

重载配置

systemctl daemon-reload

重启docker

systemctl restart docker

PT下载中的:免费、2x、2xfree、2x50%、50%分别代表什么意思

Thu, 12 Jan 2023 15:07:16 GMT

...

PT站流量计算分下载和上传，免费、2x 、2xfree、2x50%、50%的意思如下：

免费：不计下载流量，下载免费，上传100%，即用户下载不计算下载流量，上传计100%。
2x：上传流量算两倍，下载流量100%，例如用户上传1G算为2G，上传1G算为1G。
2xfree：上传流量算两倍，下载免费，例如用户上传1G计算为2G，下载不算流量。
2x50%：上传流量算两倍，下载算一半，例如用户上传1G计算为2G，下载1G计算为0.5G。
50%：上传流量算100%，下载流量算50%，例如用户上传1G计算为1G，下载1G计算为0.5G。

一般做新手任务的话，多下载2x类型的资源是比较快的，选做种人多、热门的资源下载，很快就能完成任务。

目前已知的Markdown编辑器收集整理

Fri, 06 Jan 2023 10:19:12 GMT

可选择的太多了，无痛使用的却太少。帮我的一位好朋友（印象笔记难民）整理一下。

收集范围：由于Markdown格式本身就是文本格式，理论上任何文本编辑器都可以对它进行编辑，所以本文讨论范围建立在Markdown的专用编辑器之上。

以下排序包含个人的一点主观性。

1. 原生程序

对于原生的定义：有原生的软件安装包，但该程序的开发语言不作为定义因素。
对于跨平台的定义：Windows、Linux、MacOS、Android、iOS等平台中，支持超过两种及以上的平台

1. Joplin (在用)

描述：带同步功能的多端跨平台Markdown编辑器。同步功能支持：Joplin官方、DropBox、OneDrive；
官网：https://joplinapp.org/
Github：https://github.com/laurent22/joplin
形式：原生程序渲染
跨平台：Windows, macOS, Linux, Android and iOS.
存储方式：Joplin官方、DropBox、OneDrive、本地、NextCloud(一款开源网盘，可使用公用服务，可私有自建服务)、WebDAV、S3(Amazon S3)

2. Typora (主用)

描述：界面简洁的Markdown编辑器
官网：https://typora.io
Github：非开源
形式：原生程序渲染
跨平台：支持
存储方式：本地

3. Noteable (在用)

描述：支持标签管理文章的原生Markdown应用
官网：https://notable.app/
Github：(非开源但有Github仓库) https://github.com/notable/notable
形式：原生程序渲染
跨平台：支持
存储方式：本地

4. AppFlowy (在用)

描述：官方描述中说明对标Notion
官网：https://appflowy.io/
Github：https://github.com/AppFlowy-IO/appflowy
形式：原生程序渲染
跨平台：支持
存储方式：本地

5. Ghostwriter

描述：没有借口，没有打扰，只有写作。KDE社区项目
官网：https://ghostwriter.kde.org/zh-cn/
开源：KDE官方开源仓 https://invent.kde.org/office/ghostwriter
形式：原生程序渲染
跨平台：支持（MacOS需自行编译）
存储方式：本地

6. Laverna (用过)

描述：保证你的笔记是私有的
官网：https://laverna.cc/
Github：https://github.com/Laverna/laverna
形式：原生程序渲染 + Web端版本
跨平台：支持
存储方式：本地、DropBox、OneDrive、WebDAV

7. MarkText (用过)

描述：一款简单、优雅的Markdown编辑器
官网：https://marktext.app/ (已失效)
Github：https://github.com/marktext/marktext
形式：原生程序渲染
跨平台：支持
存储方式：本地

8. Abricotine

描述：Abricotine是一款开源的桌面级Markdown编辑器。
官网：https://abricotine.brrd.fr/
Github：https://github.com/brrd/Abricotine
形式：原生程序渲染
跨平台：支持
存储方式：本地

9. Mditor

描述：简洁的Markdown编辑器
官网：http://mditor.ink/
Github：https://github.com/houfeng/mditor-desktop
形式：原生程序渲染
跨平台：仅Mac
存储方式：本地

10. Yu Writer

描述：高效的跨平台Markdown编辑器
官网：https://ivarptr.github.io/yu-writer.site/
Github：(非开源但有Github仓库) https://github.com/ivarptr/yu-writer.site
形式：原生程序
跨平台：支持
存储方式：本地

2. Web端

多是基于Web的编辑器，个别编辑器支持将文章 Markdown <===> HTML 互转的

1. Writefreely (用过)

描述：一个干净的、基于 Markdown 的出版平台，专为写作打造。一起写作并建立一个社区。
官网：https://writefreely.org/
Github：https://github.com/writefreely/writefreely
形式：Web端
跨平台：支持
存储方式：官方云、私有云

2. StackEdit (用过)

描述：开源，基于Web的编辑器，提供官方服务，也可以自己搭建，需要折腾
官网：https://stackedit.io/
Github：https://github.com/benweet/stackedit
形式：Web端
跨平台：支持
存储方式：本地、私有云

3. Hexo (在用)

描述：基于Node.js的开源博客，需要相当一定程度的折腾
官网：https://hexo.io/zh-cn/
Github：https://github.com/benweet/stackedit
形式：渲染成Web网站
跨平台：支持(因为是Web)
存储方式：本质上是一个Node.js程序，所有程序代码和文章都在一个文件夹下，习惯上使用Git管理

4. Editor.md (用过)

描述：开源可嵌入式在线Markdown编辑器（组件）
官网：https://pandao.github.io/editor.md/
Github：https://github.com/pandao/editor.md
形式：Web端嵌入式组件
跨平台：支持
存储方式：-

5. Remarkable

描述：Markdown解析器，工作良好。
官网：https://jonschlinkert.github.io/remarkable/demo/
Github：https://github.com/jonschlinkert/remarkable
形式：Web端嵌入式组件
跨平台：支持
存储方式：-

6. tui.editor

描述：Markdown 所见即所得编辑器。 GFM 标准 + 图表和 UML 扩展。
官网：https://ui.toast.com/tui-editor
Github：https://github.com/nhn/tui.editor
形式：Web端嵌入式组件
跨平台：支持
存储方式：-

Deluge-开源BT下载工具

Tue, 03 Jan 2023 14:43:34 GMT

Deluge 是一款优秀的 BT 下载客户端，采用 python 和 GTK + 开发。 <cite>https://www.oschina.net/p/deluge</cite>

1. 官方链接

官网下载链接

Github

2. 使用简介

安装完成后，软件会默认将deluge.exe创建快捷方式到桌面，这个是默认的图形界面。

其他还有：

Web端图形界面：deluge-web.exe
GTK开发的图形界面：deluge-gtk.exe

这三种图形界面，Web端提供的汉化是最完整的，但功能性都差不多。

Web端界面会监听在本地8112端口上，输入: http://localhost:8112/ 即可访问，有密码限制，默认是 deluge。

其中deluged.exe就是真正的工作进程，文件下载、BT传输都是它来完成的，它会在系统后台开启一个进程。以上所提到的图形工具都是调用这个进程提供的接口来实现的。

该进程可通过图形界面中的弹窗进行启动，一般情况下，在图形界面的“连接管理”弹窗中，会默认显示一个任务，点击“启动后台进程(StartDaemon)”即可开始使用。

├── deluge-console.exe //
├── deluge-debug.exe
├── deluge-gtk.exe
├── deluge-uninst.exe
├── deluge-web-debug.exe
├── deluge-web.exe
├── deluge.exe
├── deluged-debug.exe
├── deluged.exe

参考文章

Deluge网页端修改端口及密码的方法

2022-年终总结

Sun, 01 Jan 2023 00:00:01 GMT

这篇文章是匆匆忙忙写下来的，这一年的生活节奏杂乱到没有时间静下来思考。

慌慌张张匆匆忙忙为何生活总是这样 <cite><a href="https://music.163.com/#/song?id=27646786">活着 - 郝云</a></cite>

生活

2022-02-22 壬寅虎年农历正月廿二星期二领证

新房装修持续半年，中间还经历了一个半月的疫情封控。

2022-06-26 结婚

2022-12-20 疫情防控彻底放开，新冠7日体验

工作

3月：前公司在当地的分公司撤退，因此失业。

5月：有幸入职当地一家比较不错的国企，继续做一些开发工作(一堆不仅限于开发的工作(笑cry))，算是有了饭碗

学习

上半年做了一点微不足道的Android开发工作和JavaWeb开发，然后我最擅长的Android开发技能就这样进一步搁置，唉。

所幸的是JavaWeb熟练度也得到了进一步的提升。

下半年学习了Vue.js开发，和部署了多项开源程序，运维技能又得到了进一步的加强 -_- 。

所幸的是，Vue.js算是入门了，简单一些的Web可以自己做了。

娱乐

上半年偶尔还会玩玩枫之谷，下半年则是在玩原神

(Yunzai-Bot)原神QQ群机器人安装教程

Fri, 30 Dec 2022 14:38:57 GMT

项目地址：https://github.com/Le-niao/Yunzai-Bot

插件地址：https://github.com/yoimiya-kokomi/miao-plugin

插件索引：https://github.com/yhArcadia/Yunzai-Bot-plugins-index

1. 安装方法

环境准备： Linux，Node.js（版本至少v16以上），Redis

1.1 克隆项目

git clone --depth=1 -b main https://github.com/Le-niao/Yunzai-Bot.git

进入Yunzai目录

cd Yunzai-Bot

1.2 安装pnpm，已安装的可以跳过

npm install pnpm -g

1.3 安装插件

在云崽根目录下执行

git clone https://github.com/yoimiya-kokomi/miao-plugin.git ./plugins/miao-plugin/

若启动后日志提示：

 --------插件载入错误--------
 miao-plugin 缺少依赖：image-size
 请执行安装依赖命令：pnpm add image-size -w

就先停止服务，执行安装提示给出的命令，然后重启服务

npm stop
pnpm add image-size -w
npm start

1.4 安装依赖

pnpm install -P

1.5 运行（首次运行按提示输入登录）

node app

1.6 后台运行

npm start

2. 问题记录

2.1 图片文字“方块乱码”

由于系统中没有中文字体导致的，详细操作方法参考：CentOS 安装中文字体

2.2 缺少 libatk-bridge 导致的问题

error while loading shared libraries: libatk-bridge-2.0.so.0: cannot open shared object file: No such file or directory

参考链接CentOS 7 chrome: error while loading shared libraries: libatk-bridge-2.0.so.0 解决办法

常见于安装puppeteer后使用时的提示，其实就是缺失一个库而已，执行如下指令安装即可:

yum install -y at-spi2-atk

2.3 缺少 libxkbcommon 导致的问题

云崽部署问题解决贴

yum install -y libxkbcommon-devel
yum install -y libgbm-dev
yum install -y libgtk-3-0

Wake On Lan (WOL)失败的原因

Mon, 28 Nov 2022 21:18:19 GMT

真是折腾人

阅读一下网友的经历基本上就能解决问题，我本次遇到的问题可能是如下原因：

在网卡的属性设置里->高级->网络唤醒和关机连接速度>设置为“100 Mbps优先”（默认是10 Mbps优先）就好了

NAS组装计划

Wed, 09 Nov 2022 23:34:34 GMT

大人的玩具

选项	型号	价格	链接	已采购
机箱	Treasure宝藏v1.2-北欧木艺mATX主板8硬盘NAS机箱	759	https://item.taobao.com/item.htm?id=648911867766	√
~~8TB硬盘~~		~~1000~~		暂不买
~~系统1~~	~~Unraid OS~~	~~59美元≈400~~		TrueNAS替代
系统2	TrueNAS	0
---	---	---	---	---
CPU	i3 12100 带核显	795	https://item.taobao.com/item.htm?id=659893054089
散热器	利民(Thermalright)AXP90-X53	229	https://item.jd.com/100021352946.html
电源	全汉（FSP）额定450W 经典版MS450	459	https://item.jd.com/6060172.html
内存条	英睿达（Crucial）美光 16GB DDR5 4800	499	https://item.jd.com/100016333399.html
主板	华硕（ASUS） TUF GAMING B660M-PLUS WIFI 重炮手主板	1199	https://item.jd.com/10043950226523.html
USB转接版	主板USB3.0 19P/20P转USB母口一分二	20	https://item.taobao.com/item.htm?id=665619772562
U盘64G三星	闪迪（SanDisk）128GB USB3.1 U盘	100	https://item.jd.com/100005607802.html
弯头SATA数据线x3	电源SATA转大4P/大4D/IDE转接线一分三	10	https://item.taobao.com/item.htm?id=613927502793
硬盘供电线
总计		3311

Aria2懒人包制作步骤

Fri, 21 Oct 2022 11:15:28 GMT

自己动手，丰衣足食

安装前提

参考：https://meta.appinn.net/t/topic/7434

需要提前准备好以下软件：

下载最新版Aria2 aria2-1.36.0-win-64bit-build1.zip
下载最新版AriaNg_Native AriaNg_Native-1.2.4-Windows-x64.7z
下载最新版WinSW和官方给出的配置模板sample-minimal.xml WinSW-x64.exe、sample-minimal.xml
下载最新版7z.SFX.Builder 7z.SFX.Builder.Setup-2.1.exe

后面的操作步骤以：所有文件在同一文件夹下进行操作为前提。

步骤1

解压Aria2的压缩包，得到aria2c.exe文件，不要更名，如果更名的话后面的安装脚本中也需要改成一致的；解压AriaNg_Native的压缩包到当前目录下的AriaNg文件夹，注意文件夹层级不要多，目的是为了和后面安装脚本一致；

步骤2

先将 WinSW-x64.exe 更名为：winsw-aria2c.exe 再将 sample-minimal.xml 也更名为: winsw-aria2c.xml，名称保持一致，扩展名不需要更改两个文件需要保持在同一目录下，然后编辑winsw-aria2c.xml

<service>
  
  <!-- ID of the service. It should be unique across the Windows system-->
  <id>aria2c</id>
  <!-- Display name of the service -->
  <name>aria2c</name>
  <!-- Service description -->
  <description>aria2 is a lightweight multi-protocol multi-source, cross platform download utility operated in command-line. It supports HTTP/HTTPS, FTP, SFTP, BitTorrent and Metalink. </description>
  
  <!-- Path to the executable, which should be started -->
  <executable>%BASE%\aria2c.exe</executable>

  <arguments>--enable-rpc --rpc-listen-all --rpc-allow-origin-all --conf-path=aria2.conf</arguments>

  <!-- https://github.com/winsw/winsw/blob/master/doc/loggingAndErrorReporting.md -->
  <logpath>%BASE%\logs</logpath>
  <log mode="roll-by-size">
    <sizeThreshold>1024</sizeThreshold>
    <keepFiles>4</keepFiles>
  </log>
  
  <onfailure action="restart" delay="10 sec"/>
  <onfailure action="restart" delay="20 sec"/>
  <onfailure action="none" />

</service>

步骤3

配置安装命令行,保存为当前文件夹下 install.bat，其中：

bt-tracker 内容可参考Github: trackers_all.txt。在这份txt文本中一行为一个tracker节点，配置到 aria2.conf 中则不可换行，应使用英文半角逗号分隔； dir字段是aria2的下载路径，根据需求适当调整；

@echo off
fltmc > nul || (echo 请以管理员身份运行 & pause > nul & exit)
cd /d %~dp0


winsw-aria2c.exe install


set UA=Mozilla/5.0 (Windows NT 10.0; Win64; x64; rv:106.0) Gecko/20100101 Firefox/106.0
set DownloadDir=D:\Download\Aria2Download
set PA=Deluge 2.1.1
set PIPrefix=-DE2101-

echo user-agent=%UA%>> aria2.conf
echo dir=%DownloadDir%>> aria2.conf
echo peer-agent=%PA%>> aria2.conf
echo peer-id-prefix=%PIPrefix%>> aria2.conf
echo quiet=true>> aria2.conf
echo allow-overwrite=false>> aria2.conf
echo follow-torrent=true>> aria2.conf
echo pause-metadata=true>> aria2.conf
echo disable-ipv6=true>> aria2.conf
echo log=aria2.log>> aria2.conf
echo log-level=notice>> aria2.conf
echo max-connection-per-server=16>> aria2.conf
echo split=64>> aria2.conf
echo continue=true>> aria2.conf
echo http-accept-gzip=true>> aria2.conf
echo input-file=aria2.session>> aria2.conf
echo save-session=aria2.session>> aria2.conf
echo netrc-path=netrc>> aria2.conf
echo dht-file-path=dht.dat>> aria2.conf
echo dht-file-path6=dht6.dat>> aria2.conf
echo pause-metadata=true>> aria2.conf
echo bt-save-metadata=true>> aria2.conf
echo listen-port=62323-63434>> aria2.conf
echo dht-listen-port=62323-63434>> aria2.conf
echo seed-ratio=1.0>> aria2.conf
echo seed-time=5>> aria2.conf
echo rpc-save-upload-metadata=true>> aria2.conf
:: 这个字段的数值如果是1,2等数字，需要加'^'转义符
echo save-session-interval=^1>> aria2.conf
echo auto-save-interval=15>> aria2.conf
echo bt-force-encryption=true>> aria2.conf
echo bt-tracker=udp://tracker.opentrackr.org:1337/announce,http://tracker.opentrackr.org:1337/announce,udp://9.rarbg.com:2810/announce,udp://tracker.openbittorrent.com:6969/announce,http://tracker.openbittorrent.com:80/announce,udp://opentracker.i2p.rocks:6969/announce,https://opentracker.i2p.rocks:443/announce,udp://open.stealth.si:80/announce,udp://tracker.torrent.eu.org:451/announce,udp://ipv4.tracker.harry.lu:80/announce,udp://vibe.sleepyinternetfun.xyz:1738/announce,udp://tracker2.dler.org:80/announce,udp://tracker1.bt.moack.co.kr:80/announce,udp://tracker.zemoj.com:6969/announce,udp://tracker.tiny-vps.com:6969/announce,udp://tracker.theoks.net:6969/announce,udp://tracker.swateam.org.uk:2710/announce,udp://tracker.publictracker.xyz:6969/announce,udp://tracker.monitorit4.me:6969/announce,udp://tracker.moeking.me:6969/announce,udp://tracker.lelux.fi:6969/announce,udp://tracker.dler.org:6969/announce,udp://tracker.army:6969/announce,udp://tracker.altrosky.nl:6969/announce,udp://tracker-udp.gbitt.info:80/announce,udp://tr.cili001.com:8070/announce,udp://public.tracker.vraphim.com:6969/announce,udp://public.publictracker.xyz:6969/announce,udp://p4p.arenabg.com:1337/announce,udp://open.demonii.com:1337/announce,udp://movies.zsw.ca:6969/announce,udp://fe.dealclub.de:6969/announce,udp://explodie.org:6969/announce,udp://exodus.desync.com:6969/announce,udp://camera.lei001.com:6969/announce,udp://bubu.mapfactor.com:6969/announce,udp://bt2.archive.org:6969/announce,udp://bt1.archive.org:6969/announce,udp://app.icon256.com:8000/announce,udp://admin.videoenpoche.info:6969/announce,udp://6ahddutb1ucc3cp.ru:6969/announce,https://tracker2.ctix.cn:443/announce,https://tracker.tamersunion.org:443/announce,https://tracker.nanoha.org:443/announce,https://tracker.lilithraws.org:443/announce,https://tracker.gbitt.info:443/announce,https://tr.burnabyhighstar.com:443/announce,http://tracker2.dler.org:80/announce,http://tracker1.bt.moack.co.kr:80/announce,http://tracker.mywaifu.best:6969/announce,http://tracker.lelux.fi:80/announce,http://tracker.gbitt.info:80/announce,http://tracker.edkj.club:6969/announce,http://tracker.dler.org:6969/announce,http://tr.cili001.com:8070/announce,http://t.overflow.biz:6969/announce,http://bt.okmp3.ru:2710/announce,udp://zecircle.xyz:6969/announce,udp://yahor.ftp.sh:6969/announce,udp://uploads.gamecoast.net:6969/announce,udp://u4.trakx.crim.ist:1337/announce,udp://tracker1.myporn.club:9337/announce,udp://tracker.tcp.exchange:6969/announce,udp://tracker.srv00.com:6969/announce,udp://tracker.skyts.net:6969/announce,udp://tracker.pomf.se:80/announce,udp://tracker.openbtba.com:6969/announce,udp://tracker.leech.ie:1337/announce,udp://tracker.joybomb.tw:6969/announce,udp://tracker.jonaslsa.com:6969/announce,udp://tracker.filemail.com:6969/announce,udp://tracker.ddunlimited.net:6969/announce,udp://tracker.bitsearch.to:1337/announce,udp://tracker.auctor.tv:6969/announce,udp://tracker.artixlinux.org:6969/announce,udp://tracker.4.babico.name.tr:3131/announce,udp://tr.bangumi.moe:6969/announce,udp://torrents.artixlinux.org:6969/announce,udp://torrentclub.space:6969/announce,udp://thouvenin.cloud:6969/announce,udp://tamas3.ynh.fr:6969/announce,udp://smtp-relay.odysseylabel.com.au:6969/announce,udp://slicie.icon256.com:8000/announce,udp://sanincode.com:6969/announce,udp://run.publictracker.xyz:6969/announce,udp://run-2.publictracker.xyz:6969/announce,udp://rep-art.ynh.fr:6969/announce,udp://qtstm32fan.ru:6969/announce,udp://psyco.fr:6969/announce,udp://open.tracker.ink:6969/announce,udp://open.free-tracker.ga:6969/announce,udp://open.dstud.io:6969/announce,udp://new-line.net:6969/announce,udp://moonburrow.club:6969/announce,udp://mirror.aptus.co.tz:6969/announce,udp://mail.zasaonsk.ga:6969/announce,udp://mail.artixlinux.org:6969/announce,udp://madiator.com:6969/announce,udp://leefafa.tk:6969/announce,udp://laze.cc:6969/announce,udp://kokodayo.site:6969/announce,udp://keke.re:6969/announce,udp://htz3.noho.st:6969/announce,udp://fh2.cmp-gaming.com:6969/announce,udp://f1sh.de:6969/announce,udp://epider.me:6969/announce,udp://download.nerocloud.me:6969/announce,udp://cutscloud.duckdns.org:6969/announce,udp://concen.org:6969/announce,udp://chouchou.top:8080/announce,udp://carr.codes:6969/announce,udp://buddyfly.top:6969/announce,udp://bt.ktrackers.com:6666/announce,udp://black-bird.ynh.fr:6969/announce,udp://ben.kerbertools.xyz:6969/announce,udp://astrr.ru:6969/announce,udp://admin.52ywp.com:6969/announce,udp://aarsen.me:6969/announce,udp://960303.xyz:6969/announce,https://xtremex.herokuapp.com:443/announce,https://tracker1.520.jp:443/announce,https://tracker.kuroy.me:443/announce,https://tracker.jiesen.life:8443/announce,https://tracker.foreverpirates.co:443/announce,https://tracker.expli.top:443/announce,https://tr.abir.ga:443/announce,https://tr.abiir.top:443/announce,https://1337.abcvg.info:443/announce,http://wepzone.net:6969/announce,http://vps02.net.orel.ru:80/announce,http://tracker4.itzmx.com:2710/announce,http://tracker3.itzmx.com:6961/announce,http://tracker3.ctix.cn:8080/announce,http://tracker1.itzmx.com:8080/announce,http://tracker.skyts.net:6969/announce,http://tracker.files.fm:6969/announce,http://tracker.bt4g.com:2095/announce,http://t.acg.rip:6699/announce,http://open.tracker.ink:6969/announce,http://open.acgnxtracker.com:80/announce,http://jp.moeweb.pw:6969/announce,http://incine.ru:6969/announce,http://fxtt.ru:80/announce,http://fosstorrents.com:6969/announce,http://1337.abcvg.info:80/announce>> aria2.conf


winsw-aria2c.exe start


@set desk = ""
for /f "tokens=2,*" %%i in ('reg query "HKCU\Software\Microsoft\Windows\CurrentVersion\Explorer\Shell Folders" /v "Desktop"') do (
@set desk=%%j
)


set SCRIPT="%TEMP%\%RANDOM%-%RANDOM%-%RANDOM%-%RANDOM%.vbs"

echo Set oWS = WScript.CreateObject("WScript.Shell") >> %SCRIPT%
echo sLinkFile = "%desk%\AriaNg.lnk" >> %SCRIPT%
echo Set oLink = oWS.CreateShortcut(sLinkFile) >> %SCRIPT%
echo oLink.TargetPath = "%~dp0\AriaNg\AriaNg.exe" >> %SCRIPT%
echo oLink.Save >> %SCRIPT%

cscript /nologo %SCRIPT%
del %SCRIPT%


exit

配置卸载脚本,保存为当前目录下 uninstall.bat：

@echo off
fltmc > nul || (echo 请以管理员身份运行 & pause > nul & exit)
cd /d %~dp0


winsw-aria2c.exe stop
winsw-aria2c.exe uninstall


set current_dir="%~dp0"
cd ..
echo 将删除当前目录，按任意键继续，关闭窗口则取消
pause > nul
rmdir /Q /S %current_dir% & echo 卸载完毕，按任意键退出 & pause > nul & exit

压缩成7zip

将如下文件压缩成一个7zip包，并保证在压缩包的一级目录：

\AriaNg\
aria2.ico
aria2.log
aria2.session
aria2c.exe
dht.dat
install.bat
uninstall.bat
winsw-aria2c.exe
winsw-aria2c.xml

然后运行启动软件 7Z SFX Builder，首次运行先切换界面语言:

配置 7zip SFX

其中可以替换的信息为：

7zSFXBuilder_Res_FileDescription Aria2和AriaNg的版本号信息

;!@Install@!UTF-8!
InstallPath="%%S\\Aria2"
BeginPrompt="选择一个路径开始安装"
ExtractPathText="请选择解压路径"
ExtractDialogText="解压中..."
CancelPrompt="解压取消"
FinishMessage="解压完成"
GUIFlags="4+64+128"
MiscFlags="4"
RunProgram="hidcon:install.bat"
;Config file generated by 7z SFX Builder v2.1. (http://sourceforge.net/projects/s-zipsfxbuilder/)
;!@InstallEnd@!
7zSFXBuilder_SFXName=aria2-install-sfx.exe
7zSFXBuilder_Res_FileDescription=Aria2-1.36.0; AriaNgNative-1.2.4

将这段配置配置文件保存为txt，编码格式为GB2312，然后用SFX打开这个配置文件:

正常加载后是可以在"输出"标签页中看到配置文件信息的，并且软件还会补充几项自动生成的配置，可以默认不修改：

Vue Router使用

Thu, 20 Oct 2022 10:59:47 GMT

一些常用方法

vue 关闭当前tab 跳转到上一路由

// 关闭当前tabs
this.$store.dispatch("tagsView/delView", this.$route);
// 跳转指定路由
this.$router.replace({ path: '/education/manage' });
// 或者返回上一个页面
this.$router.back();
// 还可以指定前 n 个页面
this.$router.go(-2);

Vue.js学习笔记

Wed, 19 Oct 2022 14:49:02 GMT

Web 全沾工程师的旅途

一、官网

Vue (发音为 /vjuː/，类似 view) 是一款用于构建用户界面的 JavaScript 框架。它基于标准 HTML、CSS 和 JavaScript 构建，并提供了一套声明式的、组件化的编程模型，帮助你高效地开发用户界面。无论是简单还是复杂的界面，Vue 都可以胜任。

vuejs.org <cite>What is Vue?</cite>

Vite（法语意为 "快速"，发音 /vit/，发音同 "veet"）是一种构建工具，旨在为现代 Web 项目提供更快、更精简的开发体验。

vitejs.dev <cite>What is Vite?</cite>

官网：https://cn.vuejs.org/
官方手册-Vue3：https://cn.vuejs.org/guide/introduction.html
官方手册-Vue2：https://v2.cn.vuejs.org/v2/guide/
官方手册-Vue2 迁移到 Vue3：https://v3-migration.vuejs.org/
组合式 API 常见问答(Vue3 <script setup>)：https://cn.vuejs.org/guide/extras/composition-api-faq.html
ElementUI 安装：https://element.eleme.cn/#/zh-CN/component/quickstart
ElementUI 组件(基于 Vue2.0)：https://element.eleme.cn/#/zh-CN/component/button
ElementUI 组件(基于 Vue3.0)：https://element-plus.org/zh-CN/component/button.html
从 Element2.0 迁移：https://element-plus.org/zh-CN/guide/migration.html

1.1 Vue2 和 Vue3 版本差异比较

特性	Vue2	Vue3
构建工具	webpack	Vite
IE11 支持	√	×

</div>

二、创建一个 Vue 项目

参考链接：Vue2 和 Vue3 共存方式参考链接：Vue3.0 知识点

2.1 脚手架工具说明

Vue2 项目创建脚手架请使用：npm i vue-cli@2.9.6

Vue3 项目创建脚手架请使用：npm i @vue/cli@5.0.8

但是，2022 年了，vue-cli在 npm 仓库中已经被标识为：deprecated

然后跟随引导尝试使用 @vue/cli ，又发现它的官网手册标注：

所以此处记录的两种安装方式已经成为历史，不再推荐使用。

最新的创建方式应该使用官方的脚手架工具：create-vue

# translate from https://github.com/vuejs/create-vue/blob/main/README.md
# 创建一个 Vue 3 项目:
npm create vue@3

# 或者，如果你需要支持 IE11，你可以创建一个 Vue 2 项目:
npm create vue@2

# 请注意，版本号（@3 或 @2）不得省略，否则 npm 可能会解析为包的缓存和过时版本。

之所以在文章中记录下来这件事是因为：

仍然有许多项目或开源项目还在使用 Vue2 没有迁移到 Vue3
工作中有许多脚手架项目(指需求业务上的脚手架)已经基于 Vue2 封装的很成熟了，属于拿来改改就能交工的项目，迁移到 Vue3 的精力、维护成本较高。

2.2 Vue2.0

▼ 2.2.1 `create-vue` 创建 Vue 2 项目 (推荐)

执行命令：npm create vue@2

这是文章记录时官方最新的脚手架工具，推荐使用。

▼ 2.2.2 `vue-cli@2.9.6` 创建 Vue 2 项目

执行命令：vue2 init webpack pro

这是 Vue 2.0 时期最早的脚手架工具。其中 vue2 命令来自于本地安装 vue-cli@2.9.6 之后，手动将命令行文件更名为 vue2 并添加到系统环境变量中得到的。

2.3 Vue3.0

▼ 2.3.1 `create-vue` 创建 Vue 3 项目 (推荐)

执行命令：npm create vue@3

这是文章记录时官方最新的脚手架工具，推荐使用。

▼ 2.3.2 `@vue/cli@5.0.8` 创建 Vue 3 项目

执行命令：vue3 create vue3-cli-demo

其中 vue3 命令来自于本地安装 @vue/cli@5.0.8 之后，手动将命令行文件更名为 vue3 并添加到系统环境变量中得到的。

这个命令在创建项目的第一步，也可以选择创建 vue2 的项目；第二步选择默认包管理器：[yarn, npm]。

2.4 各个脚手架出现的时间顺序

顺序	工具	对应版本	构建工具	命令
1	`vue-cli`	vue2	`webpack`	`vue init webpack project-name`
2	`@vue/cli`	vue2+3	`vue-cli-service`	`vue create project-name`
3	`create-vue`	vue2+3	`vite`	`npm create vue@2`<br>`npm create vue@3`

说明：

交互式命令行,只能创建 vue2,因为此时正处于 vue2 的发展时代
交互式命令行,第一步可以选择项目创建版本
交互式命令行,通过命令区分项目创建版本

2.5 Vue DevTools Github

这是一款浏览器插件形式的工具，依据 Vue DevTools 官方手册给出的链接，到你所使用的相应浏览器中下载安装插件即可。

▽ 以火狐浏览器为例，安装过后的界面如下所示：

安装过后，一般会在浏览器的工具栏右上部分的功能区出现一个经典的 Vue 图标。在插件探测到当前网页是 Vue 开发的情况下图标会"亮"起来，否则是灰色的。

在插件启用的情况下下，打开浏览器的开发者调试工具，会发现在最后多了一个 Vue 的标签页，在这里就可以进行调试工作了。

如果没有发现这个标签页，关闭开发者工具，再重新打开一次或多次尝试，我在使用火狐浏览器时遇到了这种情况。

Vue 导出 Excel 表格

https://www.npmjs.com/package/xlsx#array-of-arrays-input https://zhuanlan.zhihu.com/p/338935767 https://blog.csdn.net/yhj198927/article/details/124269024 https://zhuanlan.zhihu.com/p/95984128 https://blog.csdn.net/ningjiebing/article/details/125209319 https://github.com/protobi/js-xlsx#cell-object

其他参考文章

Vue-router 中 hash 模式和 history 模式的区别 Vue3 创建项目确定有效已声明“XXX”，但从未读取其值，vscode 如何关闭 ts 报错(xxx is declared but its value is never read.)

三、CDN 引入方式开发

3.1 通过 CDN 引入的`elementUi`、`vue` —— 如何使用其内部相关方法

本节内容节选自：https://blog.csdn.net/yehaocheng520/article/details/121137650

有些开发场景是并不是基于 Vue 脚手架创建的项目结构进行开发的，并且还是需要使用到elementui的提示信息，而非 window.alert()的提示信息。

在 js 文件中如何使用`elementUI`中的方法：

我们先来看下elementUI中的 js 的源码：

elementUI 中的 js 的线上地址 (点击查看)：https://unpkg.com/element-ui/lib/index.js

打开这个线上地址，看到满屏的 vue 的时候，就一定要清楚：elementUI 是跟 vue 一起使用的，而且引入elementUI一定要是在vue引入之后才可以。

而且代码开头处，有 define("ELEMENT" 和 exports.ELEMENT，找不到可以Ctrl+F搜索查看。这个其实就是 element 的集合，所有使用的组件方法都可以直接通过ELEMENT去调用。

下面汇总一下使用方法：

首先要引入 vue.js

未压缩版本

<script src="https://cdn.jsdelivr.net/npm/vue@2.7.14/dist/vue.js"></script>

minify 版本：

<script src="https://cdn.jsdelivr.net/npm/vue@2.7.14"></script>

引入 elementUI 的 css 和 js 文件

<!-- 引入样式 -->
<link rel="stylesheet" href="https://unpkg.com/element-ui/lib/theme-chalk/index.css" />
<!-- 引入组件库 -->
<script src="https://unpkg.com/element-ui/lib/index.js"></script>

需要在 body 闭合标签之前引入封装好的函数文件才可以生效，也就是为了能够在所有的标签渲染完成后再使用，这点要注意。
通过 cdn 引入的 elementUI，在使用 message.error 等方法时，需要通过下面的方式来调用：

ELEMENT.Message.error('错误');

其他方法同理

四、查漏补缺

4.1 Vue3 开发时的注意事项

· 语法部分

如下数据类型等引用，必须要确保在<script> 标签上加上lang="ts"

<script lang="ts">
export interface Dept {
  id: number;
  value: number;
}
function handleDeptSelect(v1: string | null, option: Dept) {
  console.log(`${v1}, ${option}`);
}
...
</script>

想使用 Vue3 的最新写法 (就是不使用原来的export default { }) 写法，请记得要在 <script> 标签中，加上 setup
```
<script lang="ts" setup>
</script>
```

用零宽度字符水印

Thu, 22 Sep 2022 13:31:41 GMT

可以尝试用来给博客内容加水印

<div class="container"> <div class="header"> <h1><i class="fas fa-lock"></i> 文本加密/解密工具</h1> <p>隐藏或显示文本中的特定内容</p> </div>

<div class="section"> <div class="section-title"> <i class="fas fa-file-alt"></i> 原文 </div> <div class="textarea-container"> <textarea id="clear" placeholder="在这里输入您想要处理的原文内容..."></textarea> </div> <div class="char-counter"> <span id="clear-counter">0</span> 字符 </div> </div>

<div class="dual-columns">  <div class="left-column"> <div class="column-header"> <i class="fas fa-eye-slash"></i> 要隐藏的内容 </div> <div class="textarea-container"> <textarea id="hidden" placeholder="输入您想要隐藏的文字内容..."></textarea> </div> <div class="char-counter"> <span id="hidden-counter">0</span> 字符 </div> </div>

<div class="center-column"> <div class="control-section"> <button class="btn btn-primary" id="doHide"> <i class="fas fa-lock"></i> 加密 </button>

</div> </div>

<div class="right-column"> <div class="column-header"> <i class="fas fa-key"></i> 加密后内容 </div> <div class="textarea-container"> <textarea id="mixed" placeholder="加密或解密后的内容将显示在这里..."></textarea> </div> <div class="char-counter"> <span id="mixed-counter">0</span> 字符 </div> </div> </div>

<div class="footer"> <p><i class="fas fa-info-circle"></i> 使用说明：输入原文和要隐藏的内容，点击"加密"将隐藏内容插入原文，点击"解密"将隐藏内容从原文中提取出来。</p> </div> </div>

附录

零宽度字符水印隐藏技术：https://www.tr0y.wang/2018/04/20/ZeroWidthSpacesHiden/index.html
Python实现版：https://github.com/Macr0phag3/Zero-Width-Spaces-Hiden
Freebuf原文：https://www.freebuf.com/articles/web/167903.html

/**************** */ .markdown-body .container { background-color: white; border-radius: 12px; box-shadow: 0 5px 20px rgba(0, 0, 0, 0.08); padding: 30px; margin-bottom: 20px; }

.markdown-body .header { text-align: center; margin-bottom: 30px; padding-bottom: 20px; border-bottom: 1px solid #eaeaea; }

.markdown-body .header h1 { color: #2c3e50; font-size: 1.8rem; margin-bottom: 10px; }

.markdown-body .header p { color: #7f8c8d; font-size: 1rem; }

.markdown-body .section { margin-bottom: 25px; }

.markdown-body .section-title { display: flex; align-items: center; margin-bottom: 15px; color: #2c3e50; font-size: 1.2rem; }

.markdown-body .section-title i { margin-right: 10px; color: #3498db; }

.markdown-body .textarea-container { position: relative; margin-bottom: 5px; }

.markdown-body textarea { width: 100%; padding: 15px; border: 1px solid #ddd; border-radius: 8px; font-size: 1rem; line-height: 1.5; resize: vertical; transition: all 0.3s; min-height: 140px; background-color: #fafafa; }

.markdown-body textarea:focus { outline: none; border-color: #3498db; box-shadow: 0 0 0 2px rgba(52, 152, 219, 0.2); background-color: white; }

.markdown-body textarea::placeholder { color: #95a5a6; }

.markdown-body .char-counter { text-align: right; font-size: 0.85rem; color: #95a5a6; margin-top: 5px; margin-bottom: 10px; }

/* 左右布局样式 */ .markdown-body .dual-columns { display: flex; gap: 30px; margin-top: 30px; }

.markdown-body .left-column, .right-column { flex: 1; }

.markdown-body .center-column { display: flex; flex-direction: column; justify-content: center; align-items: center; width: 180px; padding: 0 10px; }

.markdown-body .control-section { display: flex; flex-direction: column; justify-content: center; align-items: center; height: 100%; gap: 25px; }

.markdown-body .btn { padding: 14px 24px; border: none; border-radius: 8px; font-size: 1rem; font-weight: 600; cursor: pointer; transition: all 0.3s; display: flex; align-items: center; justify-content: center; width: 160px; }

.markdown-body .btn i { margin-right: 8px; }

.markdown-body .btn-primary { background-color: #3498db; color: white; }

.markdown-body .btn-primary:hover { background-color: #2980b9; transform: translateY(-2px); box-shadow: 0 4px 8px rgba(52, 152, 219, 0.3); }

.markdown-body .btn-success { background-color: #2ecc71; color: white; }

.markdown-body .btn-success:hover { background-color: #27ae60; transform: translateY(-2px); box-shadow: 0 4px 8px rgba(46, 204, 113, 0.3); }

.markdown-body .swap-icon { font-size: 1.8rem; color: #7f8c8d; margin: 10px 0; transform: rotate(90deg); }

.markdown-body .vertical-divider { height: 1px; width: 80%; background-color: #e0e0e0; margin: 15px 0; }

.markdown-body .column-header { display: flex; align-items: center; justify-content: center; margin-bottom: 15px; color: #2c3e50; font-size: 1.2rem; }

.markdown-body .column-header i { margin-right: 10px; }

.markdown-body .footer { text-align: center; margin-top: 40px; padding-top: 20px; border-top: 1px solid #eaeaea; color: #95a5a6; font-size: 0.9rem; } </style>

document.getElementById('doHide').addEventListener('click', async function() { const clearTxt = document.getElementById('clear').value; const hiddenTxt = document.getElementById('hidden').value;

document.getElementById("mixed").value = hideText(clearTxt, hiddenTxt);

});

document.getElementById('doShow').addEventListener('click', async function() { const mixedTxt = document.getElementById('mixed').value;

document.getElementById("hidden").value = showHiddenText(mixedTxt);

}); </script>

提瓦特大陆游览指南

Fri, 16 Sep 2022 14:23:59 GMT

派蒙，最好的伙伴！

<meting-js server="netease" type="song" id="2059757870"> </meting-js>

✧每日✧

[每日] 4个委托、探索派遣
[每日] 收集10个矿产：野外收集，点位很多，参考攻略：https://www.bilibili.com/video/BV1f34y187ud/
[每日] 壶中洞天收宝钱、角色好感经验、买加速瓶、收植物果实、云游仙灵商店
[每日] 消耗160体力：
- 刷地脉之花
- 元素类世界boss (1.无相之岩 2.爆炎树 3.纯水精灵)
- 武器突破材料：✧一览表✧
- 角色天赋技能突破材料：✧一览表✧
如果到了晚上还没有时间上线刷完当日的体力原粹树脂(x160)，可以到合成台合成浓缩树脂(晶核x1+脆弱树脂x40)，每天最多4个，需璃月声望到达3级获得该图纸。

<details> <summary><mark>每日材料表</mark></summary>

{% gi 3 3 %} {% endgi %}

</details>

✧每周✧

[每周] (纪行任务) 20个委托锻造：用水晶块造武器精炼石比较划算，
[每周] (纪行任务) 20个料理制作
[每周] (纪行任务) 城镇声望任务：① 3次狩猎讨伐，声望已经刷满的话选三星难度打的快;<br> ② 3次居民请求;
[每周] (纪行任务) 3次周本：黄金屋(公子)、北风之狼、风魔龙
[每周] (纪行任务) 10份尘歌壶摆设
[每周] (纪行任务) 每周六好友周游壶灵处购买两个商品
[每周] (纪行任务) 15次秘境挑战

✧纪行任务思路✧

每周上限经验值：10000
每级经验值：900
最高等级：50

如果每周都做满 10000 经验值的话，一个版本周期是四周 零几天：

40000 ∻ 900 = 44.4 级 每日任务一周 4515 + 每周任务简单 5445 = 9960 ≈ 11 级

一个纪行版本余下的几天时间随便做点活动任务就够50级了。

版本活动任务一般是一个1500经验值，这中间如果有来不及做的每日任务或每周任务，靠活动任务也可以凑满每周 10000 上限的经验值。

活动任务给的经验值持续到活动结束日期，可以在需要的时候领取。比如：这周玩游戏的时间不够，每日+每周任务凑不到10000的经验值上限了，这个时候就可以领取活动任务的经验值了。

具体的经验数值参考下面的表格。

<details> <summary><mark>点击展开纪行经验表格</mark></summary> <div class="center">

每日	经验值	备注
150点树脂体力	225
登录游戏	120
每日委托	150
收集矿产	150
合计	645
一周总计	645x7 = 4515	≈ 5级
四周总计	18060	≈ 20级
---	---	---
每周 - 简单任务	经验值	备注
洞天宝钱1000份	675	周六、周日两天不收取积累到周一再领取，一天就可以完成这个任务
20次委托锻造	360
20个料理制作	360
3次狩猎讨伐	450
3次居民请求	450
『征讨领域』或『奔狼的领主』三次(周副本)	1350
在他人『尘歌壶』周游壶灵处购买两个商品	450	每周五壶灵会来，但周六才可以购买，随便找个好友的世界进去
制作『尘歌壶』10份摆设	450
累计消耗摩拉50万	450	如果恰好有要升级的角色、天赋、武器强化，再加上每个城镇杂货铺物资购买，差不多轻松做完
秘境挑战15次	450	天赋材料、武器突破材料基本上每天都会刷，每天2~3次就够满足
一周总计	5445	≈ 6级
四周总计	21780	≈ 24.2级
---	---	---
每周 - 复杂任务		下面这几个比较浪费时间和精力,如果升级的路上顺手就做,不做也足够刷到经验上限
地脉花20次	450
击败boss10次	450	周本boss和大世界各类元素boss都算
累计消耗1200树脂体力	675
一周总计	1575	≈ 1.75级
四周总计	6300	≈ 7级
---	---	---
版本及活动任务
深境螺旋12星	2250	= 2.5级(一定要等版本更新后再打，每月16号重置)
50次祈愿	1500	≈ 1.6级
其他活动任务	1500	一个任务1500，每版本活动任务数量不同，持续时间随活动日期结束

</div> </details>

✧休闲✧

材料速刷攻略集合：B站UP主-Ziv紫薇(id:635041) 更多材料速刷路线点这里查看

版本活动任务
采矿攻略视频：https://www.bilibili.com/video/BV1f34y187ud/
砍树攻略视频：https://www.bilibili.com/video/BV13K4y1d76J/
圣遗物狗粮：https://www.bilibili.com/video/BV15a411s7zr/
史莱姆凝液速刷：https://www.bilibili.com/video/BV1GA4y1S77D/
丘丘人面具速刷：https://www.bilibili.com/video/BV1pY4y1t7uy/
丘丘人射手：https://www.bilibili.com/video/BV1kF411c7kt/
龙蜥骨片速刷：https://www.bilibili.com/video/BV1a14y147pU/
满精鱼叉钓鱼攻略：https://www.bilibili.com/video/BV1CF411T7S4/
须弥3.0新增五位突破材料商人：https://www.bilibili.com/video/BV1Tg411D7k8/

✧一览表✧

角色天赋材料周常一览表(v3.7)

<details> <summary><mark>点击展开图片, 点击图片浏览完整大图</mark></summary>

大图链接

</details>

角色高级天赋材料周常一览表

<details> <summary><mark>点击展开图片, 点击图片浏览完整大图(v3.7)</mark></summary>

大图链接

</details>

武器突破材料一览表

<details> <summary><mark>点击展开图片, 点击图片浏览完整大图(v3.7)</mark></summary>

大图链接

</details>

圣遗物排行榜(v2.6-20220504)

<details> <summary><mark>点击展开图片, 点击图片浏览完整大图</mark></summary>

</details>

✧其他信息参考✧

树脂体力、冒险经验等攻略
圣遗物套装效果分析攻略

✧一图流角色攻略✧

来自合集(嗔痴ovo)：原神观测枢全角色一图流攻略

来自合集(猫冬)：

【角色图鉴】火元素

【角色图鉴】水元素

【角色图鉴】冰元素

【角色图鉴】风元素

【角色图鉴】雷元素

【角色图鉴】岩元素

【角色图鉴】草元素 ♕♔♡⚝❀✦✧

⚝神里绫华⚝

<details> <summary><mark>点击展开图片, 点击图片浏览完整大图</mark></summary>

{% gi 2 2 %}

{% endgi %}

</details>