Yokiの小站

Yokiの小站 https://blog.weiguang.eu.org/ 记录学习和生活的点点滴滴 zh-CN All rights reserved 2026, Yoki Wed, 12 Aug 2026 00:00:00 GMT Hexo 博客工程维护复盘：CI 收敛与评论图片放大双 Bug 修复实录 https://blog.weiguang.eu.org/2026/08/12/blog-maintenance-ci-comments/ 一次集中维护：CI 技术栈与凭证统一（friend-check 并入 deploy.yml 单一构建链）、Lighthouse 门禁从 warn 收紧为 error、图片上传 Worker 下线 webdav 渠道，以及评论系统两个镜像 Bug——Waline 评论区图片点不动、Twikoo 评论图片放大两次的完整根因与修复。 Yoki 技术分享 Hexo CI/CD Twikoo Waline 教程 Wed, 12 Aug 2026 00:00:00 GMT 优质教程博文怎么写？从 web.dev、DigitalOcean、freeCodeCamp 提炼的编写结构与流程 https://blog.weiguang.eu.org/2026/08/09/writing-tutorial-methodology/ 拆解 web.dev、DigitalOcean、freeCodeCamp 三家的代表性教程，提炼出「悬念开头、目标声明、Step+预期输出、检查点、FAQ、延伸阅读」六大结构件与可落地的编写流程，附本站脚手架模板。 Yoki 经验分享教程写作博客运营 Sun, 09 Aug 2026 10:00:00 GMT Waline 评论图片上传系列（二）：Cloudflare Worker 代理上传——Token 移出前端与安全防护 https://blog.weiguang.eu.org/2026/08/09/waline-series/02-worker-proxy/ 把图床 Token 从静态产物里彻底移除：Cloudflare Worker 代理上传（Origin 白名单 + KV 限流 + 渠道白名单 + 类型大小限制），前端弹窗让访客自选渠道，localStorage 记忆。 Yoki 技术分享 Waline 教程安全 Cloudflare Workers Sun, 09 Aug 2026 09:00:00 GMT Waline 评论图片上传系列（一）：Waline + CloudFlare ImgBed 图床配置（整理版） https://blog.weiguang.eu.org/2026/08/09/waline-series/01-imgbed-upload/ Waline 评论框图片上传对接 CloudFlare ImgBed 图床的完整配置：imageUploader 函数、waline.pug 传参、跨域排查——以及初版方案 Token 硬编码的致命缺陷与演进方向。 Yoki 技术分享 Waline 教程图床评论系统 Sun, 09 Aug 2026 08:30:00 GMT Waline 评论图片上传系列 — 导航目录 https://blog.weiguang.eu.org/2026/08/09/waline-series/00-series-index/ Waline 评论图片上传全系列：从浏览器直连图床的初版方案，到 Cloudflare Worker 代理 + 访客自选渠道的最终架构，覆盖安全、限流、前端交互的完整演进。 Yoki 技术分享 Waline 系列教程图床评论系统 Sun, 09 Aug 2026 08:00:00 GMT anzhiyu 音乐播放器深度魔改系列（三）：控制条与布局——展开折叠、音量条与控制台态 https://blog.weiguang.eu.org/2026/08/09/music-player-series/03-controls-layout/ 左下角播放器从 25px 小卡到 100px 大卡片：折叠/展开双态、空闲自动收起、自绘常驻音量条、控制台大圆盘布局，以及「aplayer-withlrc 类从未匹配」的隐藏大坑。 Yoki 技术分享 Hexo 教程 anzhiyu 音乐播放器 Sun, 09 Aug 2026 07:30:00 GMT anzhiyu 音乐播放器深度魔改系列（二）：歌词功能——URL 歌词、自绘滚动与竞态根治 https://blog.weiguang.eu.org/2026/08/09/music-player-series/02-lyrics/ 播放器歌词一直「暂无歌词」？APlayer lrcType 3 异步 fetch 天生不同步？本文用 window.__parseLrc 统一解析 + timeupdate 自绘滚动 + 音乐馆竞态对比根治，让歌词逐行精准跟唱。 Yoki 技术分享 Hexo 教程 anzhiyu 音乐播放器 Sun, 09 Aug 2026 07:00:00 GMT anzhiyu 音乐播放器深度魔改系列（一）：切页零中断——pjax 下播放不暂停的架构与补丁 https://blog.weiguang.eu.org/2026/08/09/music-player-series/01-pjax-zero-interrupt/ 翻页即断歌的终极解法：audio 常驻 body 隐藏容器 + patch APlayer 原型三件套（destroy/initAudio/setAudio）+ sessionStorage 状态恢复，实现 pjax 切页声音零中断。 Yoki 技术分享 Hexo 教程 anzhiyu 音乐播放器 Sun, 09 Aug 2026 06:30:00 GMT anzhiyu 音乐播放器深度魔改系列 — 导航目录 https://blog.weiguang.eu.org/2026/08/09/music-player-series/00-series-index/ anzhiyu 音乐播放器深度魔改全系列 3 篇文章导航，涵盖切页零中断播放、歌词功能、控制条与布局三大主题，附源码位置与验证工具。 Yoki 技术分享 Hexo anzhiyu 系列教程音乐播放器 Sun, 09 Aug 2026 06:00:00 GMT Hexo anzhiyu 主题深度定制系列（十）：部署三层验证 SOP https://blog.weiguang.eu.org/2026/08/09/hexo-anzhiyu-series/10-deploy-verify/ push 成功不代表上线成功：源码仓库、部署产物仓库、线上 CDN 三层逐层验证的标准化流程，配合 curl/git 命令与 Cloudflare Workers 轮询特性，杜绝「看着绿了其实没上」。 Yoki 技术分享 Hexo CI/CD 教程 anzhiyu Sun, 09 Aug 2026 05:00:00 GMT Hexo anzhiyu 主题深度定制系列（九）：CI 质量门禁四道检查搭建实录 https://blog.weiguang.eu.org/2026/08/09/hexo-anzhiyu-series/09-quality-ci/ 一个 quality.yml 挂四道检查：构建、Gitleaks 泄漏扫描、Lighthouse 性能审计、内部链接死链检测，全部压进 push 流程，让「上线即翻车」成为过去式。 Yoki 技术分享 Hexo CI/CD 教程 anzhiyu Sun, 09 Aug 2026 04:00:00 GMT Hexo anzhiyu 主题深度定制系列（八）：API Key 安全注入与 Gitleaks 泄漏扫描修复实录 https://blog.weiguang.eu.org/2026/08/09/hexo-anzhiyu-series/08-api-key-security/ AI 摘要 apiKey 曾明文入库被 Gitleaks 检出：如何用 before_generate filter 从环境变量注入、.gitleaks.toml 豁免公共 key、GitHub Secrets 传递，以及 key 轮换与验证的完整实战。 Yoki 技术分享 Hexo 教程 anzhiyu 安全 Sun, 09 Aug 2026 03:00:00 GMT Hexo anzhiyu 主题深度定制系列（七）：侧边栏目录仿 anheyu 风格魔改实录 https://blog.weiguang.eu.org/2026/08/09/hexo-anzhiyu-series/07-toc-style/ 用 pug 模板 + stylus 样式 + patch 归档三步，把 anzhiyu 侧边栏目录改造成 blog.anheyu.com 风格：标题计数胶囊、blur 半透明非活跃态、主题色高亮指示条，并用 puppeteer 逐项对比验证。 Yoki 技术分享 Hexo 教程 anzhiyu 主题定制 Sun, 09 Aug 2026 02:00:00 GMT 安知鱼主题升级与 Patch 归档策略 https://blog.weiguang.eu.org/2026/07/31/hexo-anzhiyu-series/04-theme-upgrade-patch/ 详解 anzhiyu 主题的版本升级流程、patch-package 定制补丁的生成与归档策略，避免升级后定制丢失。 Yoki Hexo博客系列 Hexo anzhiyu 系列教程安知鱼主题升级 git Fri, 31 Jul 2026 10:00:00 GMT 踩坑与问题排查实录 https://blog.weiguang.eu.org/2026/07/31/friend-circle-series/06-troubleshooting/ 友链朋友圈自动化搭建中的真实踩坑记录：guoqi.dev 重定向丢路径、后端"缺关键字段 title"、CF 构建 522 与缺 wrangler.jsonc、管理面板登不进、PowerShell TLS 误报、Actions IP 被屏蔽。 Yoki 技术分享 Hexo 系列教程排错 Fri, 31 Jul 2026 01:00:00 GMT 朋友圈失联统计显示（前端注入） https://blog.weiguang.eu.org/2026/07/31/friend-circle-series/05-lost-contact-stat/ 在朋友圈 footer 注入"失联 N"统计：脚本读后端 /all 的 error_num，动态插入 fc-lost-contact 标签，随后端状态自动显示与隐藏，无需每次构建。 Yoki 技术分享 Hexo anzhiyu FriendCircle 系列教程 Fri, 31 Jul 2026 00:50:00 GMT 友链自动检测与自动部署（GitHub Actions） https://blog.weiguang.eu.org/2026/07/31/friend-circle-series/04-auto-detect-deploy/ 用 GitHub Actions 实现友链每日自动检测：读后端 /friend 的 error 字段自动归类失联友链、自动构建、自动推送到部署产物仓库、Cloudflare 自动上线，并复盘过程中踩过的三个坑。 Yoki 技术分享 Hexo 系列教程 GitHub Actions 自动化 Fri, 31 Jul 2026 00:40:00 GMT 后端部署：hexo-circle-of-friends（Vercel + fork） https://blog.weiguang.eu.org/2026/07/31/friend-circle-series/03-backend/ 部署 hexo-circle-of-friends 后端：fork 仓库、GitHub Actions 每 3 小时全量爬取友链文章、data.db 数据库、API 端点详解、error 字段的判定语义。 Yoki 技术分享 Hexo FriendCircle 系列教程 Rust Fri, 31 Jul 2026 00:30:00 GMT 朋友圈（FriendCircle）页面搭建 https://blog.weiguang.eu.org/2026/07/31/friend-circle-series/02-fcircle-page/ 在 anzhiyu 主题上接入 hexo-circle-of-friends 朋友圈：bundle 引入、fcircle.pug 配置、FC_API_URL 注入、随机文章、以及管理面板入口的隐藏。 Yoki 技术分享 Hexo anzhiyu FriendCircle 系列教程 Fri, 31 Jul 2026 00:20:00 GMT 友链页搭建与 link.yml 深度解析 https://blog.weiguang.eu.org/2026/07/31/friend-circle-series/01-link-page/ 从 link.yml 数据结构到 flink.pug 模板修复，详解 anzhiyu 主题友链页的多分组、失联组（lost_contact）机制，以及与官方友链页的差异对比。 Yoki 技术分享 Hexo anzhiyu 系列教程友链 Fri, 31 Jul 2026 00:10:00 GMT 友链朋友圈自动化全攻略 — 系列导航与总体架构 https://blog.weiguang.eu.org/2026/07/31/friend-circle-series/00-series-index/ 友链朋友圈自动化全攻略系列 7 篇文章导航目录，涵盖总体架构、友链页与 link.yml、朋友圈搭建、后端部署、自动检测与自动部署、失联统计显示、踩坑排查的完整知识体系。 Yoki 技术分享 Hexo anzhiyu FriendCircle 系列教程 Fri, 31 Jul 2026 00:00:00 GMT Hexo anzhiyu 主题深度定制系列（五）：友链页顶部区块、底部版权栏、音乐页/时钟/代码注入等杂项配置 https://blog.weiguang.eu.org/2026/07/30/hexo-anzhiyu-series/05-link-footer-misc/ 一文搞定 anzhiyu 友链页 linkPageTop 欢迎区块、footerBar.cc 版权协议链接、音乐页关闭评论、导航栏时钟关闭、inject 代码注入双模式等零散但高频的配置项。 Yoki 技术分享 Hexo anzhiyu 友链底部栏杂项配置 Thu, 30 Jul 2026 06:00:00 GMT Hexo anzhiyu 主题深度定制系列（六）：部署与 CI/CD 终极指南 https://blog.weiguang.eu.org/2026/07/30/hexo-anzhiyu-series/06-deployment-cicd/ 从零搭建生产级部署流水线：GitHub Actions + Cloudflare Pages 双轨部署、Secrets 安全注入敏感配置、Git Submodule 主题升级流程、配置文件自动化生成、常见坑与排错清单。 Yoki 技术分享 Hexo CI/CD anzhiyu GitHub Actions Cloudflare Pages Thu, 30 Jul 2026 06:00:00 GMT Hexo anzhiyu 主题配置与定制全记录 https://blog.weiguang.eu.org/2026/07/30/hexo-anzhiyu-config-guide/ 记录 Hexo anzhiyu 主题从零开始的配置、定制与踩坑全过程，包含 51.LA 统计、AI 摘要、相册、友链页等实战配置 Yoki 技术笔记 Hexo anzhiyu 博客搭建 Thu, 30 Jul 2026 05:30:00 GMT Hexo anzhiyu 主题深度定制系列（五）：相册系统全解析 —— Type 1/2/3 三种布局 + Pixiv 专辑实战 https://blog.weiguang.eu.org/2026/07/30/hexo-anzhiyu-series/03-album-system/ 深度拆解 anzhiyu 相册系统的数据结构、三种渲染模式（瀑布流/画廊/时间轴）、模板引擎实现、以及新增 Pixiv 专辑的完整步骤。 Yoki 技术分享 Hexo anzhiyu 相册画廊 Thu, 30 Jul 2026 05:00:00 GMT Hexo anzhiyu 主题深度定制系列（二）：51.LA 双 SDK 统计与 AI 摘要三模式 https://blog.weiguang.eu.org/2026/07/30/hexo-anzhiyu-series/02-statistics-ai-abstract/ 详解 51.LA 流量统计+雀灵性能监控双 SDK 动态注入实现，以及文章顶部 AI 摘要的 local/tianli/openai 三模式切换、缓存机制与自动化配置。 Yoki 技术分享 Hexo anzhiyu 统计分析 AI 摘要 Thu, 30 Jul 2026 02:30:00 GMT Hexo anzhiyu 主题深度定制系列（一）：环境版本锁定、目录结构设计与零冲突升级策略 https://blog.weiguang.eu.org/2026/07/30/hexo-anzhiyu-series/01-environment-structure/ 奠定全系列基石：Node/pnpm/Hexo/主题版本锁定、Git Submodule 管理主题源码、自定义覆盖层设计、以及「升级主题零冲突」的标准化流程。 Yoki 技术分享 Hexo anzhiyu 博客搭建主题定制 Thu, 30 Jul 2026 01:00:00 GMT Hexo anzhiyu 主题深度定制系列 — 导航目录与全系列汇总 https://blog.weiguang.eu.org/2026/07/30/hexo-anzhiyu-series/00-series-index/ Hexo anzhiyu 主题深度定制全系列 10 篇文章导航目录，涵盖环境版本锁定、51.LA 统计、AI 摘要、相册系统、主题升级与补丁策略、杂项配置、CI/CD 部署、TOC 魔改、密钥安全、质量门禁与部署验证的完整知识体系。 Yoki 技术分享 Hexo anzhiyu 系列教程 Thu, 30 Jul 2026 00:00:00 GMT Waline评论框图片上传添加CloudFlare ImgBed图床支持 https://blog.weiguang.eu.org/2026/04/12/waline%E6%B7%BB%E5%8A%A0CloudFlare_ImgBed/ 手把手教你将 CloudFlare ImgBed 上传 API 集成到 Waline 评论系统，实现评论图片直接上传图床，告别外链失效。 Yoki 学习 Hexo 教程 anzhiyu 博客搭建 Sat, 11 Apr 2026 16:54:03 GMT