写作热力图 加载中...
加载中...

2026

一场与 Mermaid 图表的鏖战:从 Syntax error 到成功渲染的调试实录

一场与 Mermaid 图表的鏖战:从 Syntax error 到成功渲染的调试实录

调试是一门艺术,而这一次,我几乎把自己调成了”红烧小龙虾”。 问题背景今天写了一篇关于苹果芯片的技术分析文章,想用 Mermaid 画个流程图来展示 A 系列和 M 系列芯片的架构关系。代码如下: graph TD A[苹果自研ARM架构] --> B[A系列芯片] A --...

为 Hexo 博客添加实时 WebSocket 在线聊天系统

为 Hexo 博客添加实时 WebSocket 在线聊天系统

前言作为一名技术博主,我一直希望能与读者建立更直接的联系。虽然留言板是传统的异步沟通方式,但实时聊天的即时性和互动感是留言无法替代的。经过一番调研和开发,我为我的博客添加了一套完整的 WebSocket 实时在线聊天系统。 这篇文章将详细记录整个系统的设计思路、技术选型、实现过程以及踩过的坑。希望对...

Hexo 博客开发笔记:打造不中断的黑胶音乐播放器

Hexo 博客开发笔记:打造不中断的黑胶音乐播放器

在浏览个人博客时,背景音乐能带来更好的沉浸感。但传统的多页面博客每次跳转都会刷新整个页面,导致音乐中断。本文将详细介绍如何在 Hexo 博客中实现一个黑胶风格的音乐播放器,并利用 PJAX 技术实现全站无刷新跳转,让音乐持久播放。 一、界面设计:复古黑胶风格我们的目标是设计一个带有旋转动画和唱臂效...

GitHub Actions 实战:自动化部署 Hexo 博客与定时任务

GitHub Actions 实战:自动化部署 Hexo 博客与定时任务

在维护 Hexo 博客的过程中,手动执行 hexo clean && hexo g && hexo d 不仅繁琐,而且容易因为本地环境差异(如 Node.js 版本不一致)导致部署失败。 本文将介绍如何利用 GitHub Actions 实现自动化部署,并展示如何添加...

使用 Playwright + 阿里云 OCR 自动化抓取运动数据并在 Hexo 展示

使用 Playwright + 阿里云 OCR 自动化抓取运动数据并在 Hexo 展示

最近我需要将某个运动网站(RQ Run)上的个人训练记录同步到我的 Hexo 博客中。由于该网站需要登录才能查看详细数据,并且登录过程包含验证码,因此我使用 Node.js 版的 Playwright 编写了一个自动化脚本,结合阿里云 OCR 服务识别验证码,实现了数据的自动抓取,并通过 EJS 模...

1234