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...
自建音乐服务 Navidrome
NavidromeNavidrome 是一个支持自建的 音乐服务 除了自带的页面，还兼容很多支持连接自建服务的音乐软件 软件截图我目前用的是这两个，点击查看大图 Windows Feishin Github Android Tempo Github 音乐刮削器用的是 Music Tag Web，也是可通过 Docker 部署的应用，可以自动或手动搜索、写入音乐信息 可以点击标题右侧的 右箭头搜索音乐信息，在右侧列表找到合适的后点击 左箭头同步信息保存 这样就有音乐的相关信息，封面、歌手、专辑、年份等信息基本都有了 搭建NavidromeNavidrome 可以通过 Docker 部署，可以连接 last.fm 和 ListenBrainz...
解决 Github Organizations 不显示
描述水一篇文章 最近发现在 Github Profile 本来显示的组织，突然多了个 不可见的标志 开了个无痕看了看，也确实被隐藏了 解决找了半天，原来可以在 Organization People 里设置 把 Organization visibility 设置为 Public 即可
Windows 安装 ZSH 踩坑记录
WSLWSL 是适用于 Linux 的 Windows 子系统，可以在 Windows 中跑一个 Linux，常用于开发 我的使用场景只有一个，就是安装 zsh 作为 VS Code 的终端 但里面有太多的坑，目前我个人已经换回 PowerShell 了，以下是踩过的坑 安装打开启用或关闭 Windows 功能 勾选适用于 Linux 的 Windows 子系统 重启后打开 应用商店，安装 Ubuntu 升级到 WSL 2执行 wsl -l -v 查看当前安装了什么版本，我这边是 Ubuntu 24.04 LTS 切换版本 1wsl --set-version Ubuntu-24.04 2 设置默认安装版本 1wsl --set-default-version 2 官方文档 安装 ZSH管他有没有先更新再说 1apt update && apt upgrade 安装 ZSH 1apt install zsh 安装 oh-my-zsh 1sh -c "$(curl -fsSL...