initx 更方便的初始化工具
首先initx 是一个免安装脚本，需要 Node.js 环境 一直在初始化一直以来有个让我难受的点，就是一些初始化总会需要手动操作，比如换工作的新电脑、重装系统、创建新仓库，都需要进行大量重复的准备工作，有些甚至还有很多步骤 虽然大部分只需要配置一次，配置的时候查文档，但看完下次就忘了 比如即使想完成一次简单的 Git 提交，你也需要先完成以下步骤 创建并到 用户/xxx/.ssh 目录下复制 SSH 公钥，然后添加到远程仓库用户配置中 1ssh-keygen -t rsa -b 4096 -C "mail@example.com" 设置 Git 用户名邮箱 12git config --global user.name "imba97"git config --global user.email "mail@example.com" 设置 GPG 签名 123git config --global commit.gpgsign truegit config --global user.signingkey...
Cloudflare Axios 请求问题
事情经过之前 Nuxt 项目中使用了 axios 在 Server 端发送请求，包括获取数据和图片两种 但部署到 Cloudflare 后，发现会报错 1the 'credentials' field on 'requestinitializerdict' is not implemented. 应该是 Cloudflare Workers 不支持 credentials 这个字段，但 axios 默认会有 尝试解决Axios Adapter使用 @haverstack/axios-fetch-adapter 可以解决请求问题，这个库会换成 fetch 请求 但换成这个库后，图片会拿不到，所以暂时放弃了 解决方法抛弃 axios，简单封装了个 fetch 请求 commit 0e35ae 后面发现，其实图片是可以拿到的，只是最后要套一个 Buffer.from(responseArrayBuffer) 所以理论上 @haverstack/axios-fetch-adapter...
Github Actions 部署 NuxtHub 项目使用环境变量
事情经过最近在研究 NuxtHub 惹出来的事，部署过 introxd.com 之后爽到了，所以就想把我的简介 imba97.me 也部署到上面 但我的页面会用到加密环境变量，我在 NuxtHub 添加了环境变量，实际 NuxtHub 是调用 Cloudflare 接口，环境变量会互相同步 在本地直接跑部署命令是可以的，但用 Github Actions 部署后，环境变量就没了，打印 process.env 是个空对象 {} 尝试解决命名规则使用 NUXT_ 开头的命名规则，但无效 官方方法使用 Cloudflare 文档 中写的方法，可以拿到 但这种写法只能在 defineEventHandler 中使用 123export default defineEventHandler(({ context }) => { const MY_KV = context.cloudflare.env.MY_KV}); 但我是写了个配置，类似 123const commonConfig = { ...
NuxtHub (Cloudflare) 部署 Nuxt 项目卡住的问题
事情经过很早之前看到过 NuxtHub，但注册了半截，到绑定 Cloudflare 那就暂时弃坑了 最近 Nuxt 用的非常上头，同时也在用 Cloudflare，昨天逛 Github 发现个项目，看到官网下面写着 Deployed on NuxtHub 一时间来了兴趣，想看看 NuxtHub 是个啥 NuxtHubNuxtHub 是一个对接 Cloudflare Workers、Pages 的后台，同时提供 Nuxt 模块，比如数据库、KV、AI 等 可以非常方便的部署包含前后端的 Nuxt 项目 问题把最近在做的 Nuxt 项目部署上去的时候发现，本地打包后用命令部署是没问题的 但用 Cloudflare 部署就会卡在下面日志的地方 123456...15:53:04.900 [info] vite v5.4.6 building for production...15:53:04.930 [info] transforming...15:53:06.277 Deprecation [legacy-js-api]: The legacy JS API is...
阿里图标库工具 iconfontx
iconfontxiconfontx 是一个免安装脚本，能将 iconfont 的样式和字体打包压缩成一个 CSS 文件在本地使用 场景使用 iconfont 图标时，可以直接引入 iconfont 提供的 CSS 文件，但如果线上 CDN 出了问题或用户网络波动，会导致图标加载不出来的问题 所以按我之前公司的做法是，把样式和字体放在本地，并且会手动把字体文件转为 base64，并且每次添加图标后需要重复操作更新本地样式 使用help1npx iconfontx -h 展示帮助信息 12345678910111213Usage: $ iconfontx <url>Commands: <url> iconfont css urlFor more info, run any command with the `--help` flag: $ iconfontx --helpOptions: -o, --output <filename> Output file path (default:...
久违的暑假
暑假大概有七年没放过暑假了，毕竟打工人没有暑假 辞职后的打算是先放个暑假，转眼也过了一个半月了，盘点一下我的暑假做了什么 Vue Conf看了一场 Vue Conf，就是 Vue 核心团队的大佬们分享一些技术 见到了业内大佬 Anthony Fu（托尼老师）！ 还有著名 Rapper（狗头） Evan You（尤大）！ 骑行从南京 骑回了家，大概 560 多公里 原因是之前买了个自行车想骑着上下班，但最后也没怎么骑几次，卖了有点可惜，索性就骑回去了 慢悠悠骑的，一共用了 11 天，骑了 9 天，休息了 2 天，感觉把这辈子的自行车都骑完了 找工作骑行中途在宾馆休息的时候，构思了一个个人简介网站 me.imba97.cn 时不时的刷刷各种社区、招聘软件。八月初找到个兼职，目前差不多半天做自己的东西半天兼职 布置了一下办公环境，买了人体工学椅和升降桌，可以罚站了 开源做兼职的时候发现一些需求，写了几个小工具 重构了之前的工具，现在叫 iconfontx，可以拉取 iconfont 样式、转换字体、压缩代码的工具 还有 lodash-imports，配 lodash...
Nuxt Docker 自动化
Nuxt Nuxt 是一个集成了前后端的框架，对于一些小型网站，不需要前后端分离的，是个好的选择 比如最近就做了一个 me.imba97.cn，准备放一些关于我的一些东西 Docker因为涉及到后端，需要 Node 环境，借助 GPT 简单写了个 Dockerfile 1234567891011121314151617181920212223FROM node:18# 创建并设置工作目录WORKDIR /usr/src/app# 复制所有源代码到工作目录COPY . .# 安装 pnpmRUN npm install -g pnpm# 安装项目依赖RUN pnpm install# 构建 NuxtRUN pnpm run build# 暴露端口（默认端口为 3000，可以通过环境变量 NUXT_PORT 配置）ENV NUXT_PORT=3000EXPOSE ${NUXT_PORT}# 启动 Nuxt.js 应用程序CMD [ "pnpm", "start-docker" ] start-docker...
辞职报告
为什么辞职在这个经常能听到大环境不行的时间点，辞职了 去年的年度总结中立了个目标希望今年实现 ——...
写了个页面分享此时此刻我在听的歌
演示因为是个网页，所以可以通过 iframe 分享到各处 页面是 https://imba97.me/playing 原理最近发了篇博客文章：《自建音乐服务 Navidrome》，里面提到可以使用 last.fm 来保存听歌历史 通过这个网站的接口可以拿到播放列表，根据听歌的先后顺序，也有当前是否正在播放的字段 后端让 Chat GPT 用 PHP 写了个程序，功能就是简单的请求接口、10 秒数据缓存 因为 last.fm 接口给的图片国内没法访问，所以图片优先获取 itunes 上的，如果都没图，保底还会有个 icon 前端用 简单写了个前端，10 秒轮询调接口获取最新数据 可以展示加载中、当前未听歌、当前正在听歌状态 用了 UnoCSS，永远的神！论 UnoCSS 实现一个旋转效果能有多简单 1<div i-ph-music-note-simple-duotone h-20 w-20 animate-spin animate-duration-30000></div> 开源 Github:...
吃灰树莓派再就业
简报今天一看这个树莓派是 2019 年买的，折腾过内网穿透、远程开机、PHP 环境、Cloudreve 网盘，甚至还有一个 魔兽争霸3 服务器 PvPGN 以上本博客大部分都有过记录，有兴趣可以自行搜索一下 后面玩了 N1 盒子、All in One 小主机之后，树莓派就吃灰了 不间断电源前几天无意间发现了树莓派 不间断电源 虽然当时还没想到怎么玩，但我感觉一定能做点有意思的东西 于是把树莓派去壳，接上电源，让我极度舒适的是它可以用引脚供电，没有一根线 因为之前的散热风扇在壳上，去壳后没法固定，所以又入手了个风扇，还带灯 还挺好看的，风扇和灯有单独开关控制，所以也不用担心没接电的时候更费电 便携屏这个应该是稚晖君开源的那个，以前直接买的现成的，是个屏同时也是个充电宝 可以在出问题，SSH 连不上的时候做一些简单的调试 瞎玩装起来之后先搞了个 1Panel 试试水，很早就开始关注了，安装过一次，那时候还不太好用就弃了 期间经常看他们项目在维护，感觉差不多了，所以再试试，还不错 目前安装了一些服务，什么青龙面板、Web...