写了个页面分享此时此刻我在听的歌
演示因为是个网页,所以可以通过 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...
狠狠地美化我的 VS Code
上图 首先,大多数配置来自托尼老师的方案,详情请看 antfu/use 不愧是托尼老师! 契机最开始看托尼老师的视频,发现虽然都是用的 VS Code,但感觉完全是两个软件 配色、动画效果、错误提示、快速切换项目、闭合指示等等,每一个都让我狠狠地羡慕了 后来通过一些教程找到了错误提示插件 Error Lens,快速切换项目的快捷键 Ctrl + R,但其他的一直没发现 再到前几天,发现了托尼老师专门开了个项目分享自己的配置。太贴心了,这必须狠狠抄袭一波! 基本配置来自 antfu/use 主题:Vitesse Theme - Vitesse Dark Soft 图标:Carbon Product Icons 字体:Input Mono 配置:antfu VS Code settings - 根据自己需要微调 code-servercode-server 中使用 Vitesse Theme,目前插件市场中只有老版本,只能使用 Vitesse Light 和 Vitesse Dark 但可以通过下载 vsix...
我奇怪的精神状态
前言突发奇想写一篇描述我最近精神状态的文章,正如文章一样最近我也有很多突发奇想 仿佛不止最近,到目前的人生都是一个个突发奇想 自从偶然看到 间歇性踌躇满志,持续性混吃等死,就感觉我被严丝合缝的形容出来了 执行能力满级但三分钟热度 最近从一个颓废的状态突然变成充满动力 近期从一月初开始健身,说是健身其实只是跟着视频,每天也就十几分钟,二月逐渐减少,三月基本放弃 买了个自行车想骑车上下班,目前骑车次数大概只有三四次 开始练吉他,勉强会了《平凡之路》,手指也出了茧子,应该还会坚持一阵 写了两个脱口秀稿子,拍了拍视频,本来还想去小剧场说开放麦,目前还没实现 学会了《挡凉》、《同仁堂》,还发了视频,最近买了快板打算打板唱《同仁堂》,不知道能不能学会 走走停停,走走停停停停停停 从一个充满动力的状态突然变得颓废 还好细数我学过的东西,好像大部分都是只有开头没有结尾 倒也不是一无是处 专升本考的日语,一门的分数就过了合格线 入门级的急救帮一位电动车摔车的大爷做了个消毒、包扎 所以 管他的,先学再说吧 ¯\_(ツ)_/¯
PVE 硬件直通导致不能启动的问题
回放之前给公司电脑装了个 PVE,想把 USB 直通给虚拟机,摸索这设置了之后需要重启,再启动发现管理界面打不开、SSH 也连不上了 目测是配置导致的某些服务没法启动,网上资料很分散,零零碎碎试了一些,最后试出来了,赶紧存一下 解决首先启动时,在这个页面选第二个 下一个页面,也选第二个 然后会提示输入 root 密码 登录进来后,先检查 pve-cluster 服务有没有启动,没启动的话启动一下 1service pve-cluster start 启动后就可以找到虚拟机配置文件,需要记得虚拟机 ID,比如我这里是 100 编辑配置文件 1vim /etc/pve/qemu-server/100.conf 可以看到我这里,第 5 行是我添加的硬件直通,删掉这行保存后重启 重启后又看到熟悉的界面,正常启动了 结尾这个方法按理说可以解决大部分因为配置文件导致的不能启动的问题 只要命令行还能启动,就没啥大问题
自建服务 Google Gemini
以下介绍由 Google Gemini 生成 Google Gemini 简单介绍一下 Google Gemini Google Gemini 是谷歌公司推出的一款对话式人工智能模型,可以进行更为复杂的对话。Gemini 具有以下特点: 知识广博:Gemini 拥有海量的知识,可以回答各种各样的问题。 对话式交互:Gemini 可以进行对话式的交互,就像你在和人聊天一样。 个性化体验:Gemini 可以根据你的喜好和兴趣来调整自己的回复,为你提供个性化的体验。 创造性思维:Gemini 可以进行创造性的思维,可以生成故事、诗歌、笑话等内容。 强大的推理能力:Gemini...
在博客中使用 UnoCSS!
演示1<div text="center 10 primary">你可以设置字体样式</div> 你可以设置字体样式 1<div text-10 animate-bounce>轻松设置动画</div> 轻松设置动画 123456789101112<div flex items-center justify-center gap-3> <div>设置一个图标</div> <div i-mdi-emoticon-cool-outline h-10 w-10></div> <div flex="~ col" items-center> <div i-mdi-emoticon-angry-outline animate="wobble count-infinite" h-15 w-15 bg-red></div> ...