在 Hexo 中使用 AI（Gemini Pro）生成文章摘要，支持自定义模板。hexo-ai-summaries 插件文档（默认适配主题 Butterfly）
前言还在前言？？？帮 AI 快速总结嘛？哈哈~ 本文为 hexo-ai-summaries 插件文档，插件主要功能是帮你插入 AI Html 至文章中，至于 Html 内容可自定，默认内容为适配 Gemini 和主题 ButterFly。 部署 Gemini 服务获取 Gemini Pro API KEY进入 https://ai.google.dev/ 跟随官网描述即可。 部署 API ProxyGoogle PaLM API 限制使用区域，你需要部署中转服务 使用 Netlify 部署，进入 palm-netlify-proxy，点击 Deploy to Netlify Netlify 注册繁琐？你可能会因为 Netlify 的身份验证而停止了此教程，再提供个方案，好好看下去~ 使用阿里云的 serverless (云函数) 反向代理 AI 服务（理论大部分 AI 服务都可使用） - nginx serverless 部署 Gemini OpenAI Proxy这一步为可选，完成上面部署即可使用了。使用 赛博菩萨...
解决在 webstorm 或 idea 等 jetbrains 工具中遇到 Git 无法 force push，或 force push 灰色禁用无法点击（protected branches）
结论由于你需要操作的分支可能为 github 或你在 IDE 中设置的受保护分支 解决路径：preference => Version Control => Git => Protected branches或者直接搜索 git，直接删除或修改 Protected branches 值即可
使用 pnpm、turborepo 构建 monorepo 项目，changesets 管理日志和版本详解，从零至 github actions（CI）云端缓存 发布 npm 流程
环境与版本 platform => mac os node => v22.2.0 npm => 10.8.0 pnpm => 9.1.3 yarn => 1.22.22 turbo => 1.13.3 changesets => 2.27.5 请注意文档时效和工具版本，浏览前建议查看官方文档，以获得最新信息！ 前置准备 pnpm 使用 workspaceNode corepack 使用pnpm 切换国内镜像源Turorepo 本文档搭配 corepack 更佳~ 还需要掌握 pnpm 的 workspace 相关知识哦~ 快速开始命令初始化pnpm dlx create-turbo@latest 使用模版 本文使用的模版：monorepo with changesets pnpm dlx create-turbo -e with-changesets 目录结构注意，无论生成还是模版中 package.json 都含有...
一文吃透 pnpm 如何使用 workspace 构建 monorepo，与 npm、yarn 的用法对比（pnpm 9.x 内部安装依赖问题 link-workspace-packages）
环境与版本 platform => mac os node => v22.2.0 npm => 10.8.0 pnpm => 9.1.3 yarn => 1.22.22 名词解释monorepo利用单一仓库来管理多个 packages 的一种策略，如早期的 lerna workspace由上述单仓多包催生的管理方式，workspace（工作空间） 是 npm、yarn、pnpm 等包管理工具提供的一种特性，用于管理多个包的依赖关系。合理配置 workspace 后，包之间互相依赖不需要使用 npm link，将在 install 时中处理 在 pnpm 中使用 workspaceA workspace must have a pnpm-workspace.yaml file in its root. A workspace also may have an .npmrc in its root.如文档描述，启用 pnpm 的 workspace 需要在项目根目录创建...
【Node】Corepack - 解决 pnpm 或 yarn 的多版本管理、解决本地版本与 packageManager 中的版本一致性问题
解决 pnpm 版本与 package.json 中 packageManager 中的版本不一致安装项目依赖遇到： ERR_PNPM_BAD_PM_VERSION This project is configured to use v8.15.6 of pnpm. Your current pnpm is v9.1.3？你可以在项目 .npmrc 中这样配置 package-manager-strict=false 当然这只是临时解决方案，特意将此方案前置，若你需要更进一步的了解 corepack 可继续往下~ Corepack https://nodejs.org/api/corepack.html 这是个实验性工具文档，请优先查看官方文档，以获得最新信息！ 文档日期版本： Node.js => v22.2.0 Corepack => v0.28.1 什么是 Corepack？Corepack 是 Node.js 的一个实验性工具，可以管理 package managers（包管理器）的版本，例如...
解决 npm、cnpm 或 pnpm install 遇到 certificate has expired （证书已过期）
书接上回~ 前言由于种种原因，大家在使用 npm 或其他包管理工具时，都会更换其默认镜像源，例如：taobao 来提高效率。虽然早在 2022年 时淘宝发布了更换镜像地址的公告，直至 2024/01/22 SSL 证书过期前服务都是可用的。 由于 npm 默认开启了 ssl 验证，你可以选择关闭该项服务（不推荐，仅建议使用内部源时）或者更换正确的镜像源。 方案更换镜像源（推荐） 更多方法点击链接查看 > > > npm查询源npm get registry 设置源# 国内 淘宝 镜像源 npm config set registry https://registry.npmmirror.com/ # 官方镜像源 npm config set registry https://registry.npmjs.org/ 关闭 SSL 验证（不推荐）理论设置 npm 的即可，pnpm 同理 # 关闭 npm config set strict-ssl false # 恢复 npm config set...
解决从 docker desktop 内镜像 linux 创建的容器，启动就停止、无法启动等问题（无进程容器）
小白向，好几年没操作了，纯坤了~~~ Version: Docker -v => 26.0.0 Docker Desktop => 4.29.0 结论快进到结论。 容器必须有个前台进程，如果没有前台进程执行，容器认为空闲，就会自行退出。 解决方法自己手动创建并携带以下参数 run 时增加 -itdocker run -it -d python:3.9 run 时增加 sleep infinitydocker run -d python:3.9 sleep infinity docker desktop 案例 由上分析，桌面端的 docker 由官方镜像直接创建的容器命令没有保活且无运行进程，例如 linux ...
docker（docker desktop）中设置国内镜像源加速（阿里云、中科大），以及代理和容器代理设置，解决桌面端无法登陆就退出问题
Version: Docker -v => 26.0.0 Docker Desktop => 4.29.0 设置国内镜像加速创建或修改 /etc/docker/daemon.json 文件 $ vi /etc/docker/daemon.json { "registry-mirrors": ["http://hub-mirror.c.163.com", "https://docker.mirrors.ustc.edu.cn"] } # 重启 $ systemctl restart docker.service 国内镜像源 官方 CN 镜像：https://registry.docker-cn.com 中国科技大：https://docker.mirrors.ustc.edu.cn 网易：http://hub-mirror.c.163.com 阿里云：https://your_id.mirror.aliyuncs.com 阿里云容器镜像服务（没有则创建）=> 镜像工具...
【CSS】解决外边距重叠（重合）引起的 margin 垂直方向（top、bottom）不生效，无作用的问题
随着各种 UI 库的使用，像这种问题在业务中可能都很少接触，但是仍需了解其现象和解决方案。 一键直达 相邻兄弟元素的外边距重叠 父级与子级的外边距重叠 空块级元素的外边距重叠 什么是外边距重叠 —— Margin Collapsing 当块级元素（Block）的上下外边距与其相邻或嵌套的块级元素外边距重叠时，外边距会合并为一个外边距，而不是相加。这种行为成为外边距重叠。（浮动和绝对定位的元素不会发生外边距重叠） 外边距重叠只会发生在块级元素（Block）上，例如 div、p、section 等。 外边距重叠计算规则示例元素 <div class="css-fix-margin-item-parent"> <div class="css-fix-margin-item-child">child div</div> </div> 两个正数的外边距取最大的边距作为外边距 一个正数一个为负数，外边距为两者之和 .css-fix-margin-item-parent { margin-top: 20px; ...
【CSS】解决移动端（高清方案）下在谷歌浏览器中出现 字体大小布局异常，和设置的 font-size 不符（Text Autosizer、Font Boosting）
最近在谷歌浏览器调试移动端高清方案时，发现设置的字体大小竟然和实际显示的字体大小不一致？可以移动端 ua 打开此页面测试下方 demo。fontSize => 设置字体大小；actualSize => 实际展示字体大小 .font-boosting-wrap { } .font-boosting { } .font-boosting li { /*font-size: 22px;*/ } .font-boosting-size-wrap { font-size: 16px; /*text-size-adjust: none;*/ } .font-boosting-button { /*font-size: 22px;*/ } li 的 fontSize: fontSize: actualSize: auto set text-size-adjust ...
最新文章
