容器 Docker https://www.docker.com/ 应用容器引擎。 OrbStack https://orbstack.dev/ Mac平台。快速、轻量的Docker Desktop 替代品。运行 Docker 和 Linux。 Podman https://podman.io/ 免费、开源的容器工具。 文章 Podman Vs Docker DockStation https://dockstation.io/ 管理 Docker 项

默认情况，当 export 静态网站时，图片因为路径问题无法正常显示。 处理方法：自定义一个 image loader next.config.js 中添加一条配置 const nextConfig = { images: { loader: "custom", }, }; 项目页面中添加一个函数 function

AI助力的问题解答、代码补全。 Github CopilotAI 编程搭档。 真正的智能补全代码。效率倍增。 官网: https://github.com/features/copilot 付费，但值得。 还提供了命令行（CLI）版的 copilot devv.ai

Rust 写的 WASM 放在网页端使用，想在Rust代码中获悉当前网页的网址该如何实现？ 首先要在 rust 项目的依赖文件中启用 web-sys 的 Window 和 Document 特性，示例： Cargo.toml [lib] crate-type = ["cdylib"] [dependencies] wasm-bindgen =

有时候，某个父级元素没有特征，需要依靠子元素来定位父级元素。 css select parent element/node/tag by child elements 可使用 CSS 函数式伪类 :has() 来实现。 示例1： <div> <li> <span class="active"></span> </li> </div> li:has(> span.active) { /* 会选择 li tag

安装 RIME （输入法框架/引擎） macOS 上的发行版是鼠须管（Squirrel），下载、并安装。 系统配置中添加『鼠须管』 系统设置 -> 键盘 -> 文字输入 -> 编辑， 点

使用 onkeydown (or onkeyup) 事件，而不是 onkeypress function handleKeyEvent(e) { // ctrl/meta + enter if (e.keyCode == 13) { // if (e.key == "Enter") { if (e.ctrlKey || e.metaKey) { alert("ctrl/meta + enter") } } } document.onkeydown = KeyPress; Alt key, e.altKey Ctrl + Z, keyCode==90 and e.ctrlKey

使用 color-scheme 让网页随浏览器自动切换亮暗主题色（dark/light themes） HTML: <meta name="color-scheme" content="light dark"> CSS: :root { color-scheme: light dark; /* both supported */ /* defaults to light theme */ --text-color: black; --bkg-color: white; } @media (prefers-color-scheme: dark) { :root{ /* for

使用 journalctl 命令清理 systemd 等产品的日志。 根据时间清理旧的日志文件： sudo journalctl --vacuum-time=1years --vacuum-time 选项用于指定保留日志文件的时间跨度。 单位也可以是：1months、3days

辅助编写 cron 表达式，测试和解析 cron 表达式，查看匹配的后续时间。 https://crontab.guru/ 编辑和测试 cron 表达式。网页应用，免费。 https://cron.help/ 同上。Crontab syntax for us humans