Hexo 博客开发笔记:打造不中断的黑胶音乐播放器
在浏览个人博客时,背景音乐能带来更好的沉浸感。但传统的多页面博客每次跳转都会刷新整个页面,导致音乐中断。本文将详细介绍如何在 Hexo 博客中实现一个黑胶风格的音乐播放器,并利用 PJAX 技术实现全站无刷新跳转,让音乐持久播放。 一、界面设计:复古黑胶风格我们的目标是设计一个带有旋转动画和唱臂效...
祝君万事如意心想事成!
在浏览个人博客时,背景音乐能带来更好的沉浸感。但传统的多页面博客每次跳转都会刷新整个页面,导致音乐中断。本文将详细介绍如何在 Hexo 博客中实现一个黑胶风格的音乐播放器,并利用 PJAX 技术实现全站无刷新跳转,让音乐持久播放。 一、界面设计:复古黑胶风格我们的目标是设计一个带有旋转动画和唱臂效...
While maintaining a Hexo blog, manually running hexo clean && hexo g && hexo d is not just tedious but also prone to deployment failur...
在维护 Hexo 博客的过程中,手动执行 hexo clean && hexo g && hexo d 不仅繁琐,而且容易因为本地环境差异(如 Node.js 版本不一致)导致部署失败。 本文将介绍如何利用 GitHub Actions 实现自动化部署,并展示如何添加...
Recently I needed to sync my personal training records from a certain sports website (RQ Run) into my Hexo blog. Because the site requires login to vi...
最近我需要将某个运动网站(RQ Run)上的个人训练记录同步到我的 Hexo 博客中。由于该网站需要登录才能查看详细数据,并且登录过程包含验证码,因此我使用 Node.js 版的 Playwright 编写了一个自动化脚本,结合阿里云 OCR 服务识别验证码,实现了数据的自动抓取,并通过 EJS 模...
When browsing a personal blog, background music adds to the immersion. But traditional multi-page blogs refresh the whole page on every navigation, cu...
While maintaining a Hexo blog, manually running hexo clean && hexo g && hexo d is not just tedious but also prone to deployment failur...
While maintaining a Hexo blog, manually running hexo clean && hexo g && hexo d is not just tedious but also prone to deployment failur...
Recently I needed to sync my personal training records from a certain sports website (RQ Run) into my Hexo blog. Because the site requires login to vi...
Recently I needed to sync my personal training records from a certain sports website (RQ Run) into my Hexo blog. Because the site requires login to vi...