Wallpaper Engine 里有太多好看的动态壁纸了，有没有想过把它们搬到自己的 Hexo 博客上作为首页 Banner？这篇文章将记录全过程：从 Wallpaper Engine 提取视频资源，并硬核修改 AnZhiYu 主题源码，让它原生支持 MP4 视频封面播放。
1. 导出 Wallpaper Engine 壁纸首先在 Wallpaper Engine (Steam版) 中挑选一个喜欢的壁纸（最好是视频场景类的）。
在壁纸库中右键点击壁纸。
选择 发送至移动设备 -> 导出 .mpkg 文件。
导出完成后，将获得一个 .mpkg 文件，手动将其后缀名修改为 .pkg。
2. 使用 RePKG 提取视频资源MPKG/PKG 本质是加密或打包的格式，我们需要专用工具将其解包。
下载开源工具 RePKG-GUI。
解压并打开应用程序，按照 GUI 界面指引，将上一步的 .pkg 文件拖入。
点击 输出 (Extract)。
在输出目录中，你通常能找到一张预览图和一个高质量的 .mp4 视频文件。
3. 魔改主题源码 (核心步骤)AnZhiYu 主题 ...
继上一篇对生涯卡片的改造后，我发现关于页面（About）的其他静态卡片也略显沉闷。为了让整个页面“活”起来，我进行了一系列的交互设计优化，包括给卡片添加金属光泽的擦亮特效、背景聚焦动画以及点击跳转功能。
本文将详细记录这些优化的实现过程。
1. 视觉升级：全员“擦亮”特效为了给平淡的卡片增加质感，我引入了一种 CSS 扫光动画（Shine Effect）。当鼠标悬停时，一道半透明的白光会迅速划过卡片表面，模拟金属反光的效果。
CSS 实现修改 themes/anzhiyu/source/css/_page/about.styl，在文件末尾追加以下代码。我一次性为自我介绍、个人数据、MBTI、游戏、特长、座右铭等多个卡片应用了此效果：
1234567891011121314151617181920212223242526272829303132333435363738/* 卡片擦亮特效 *//* 定义伪元素作为光束 */.author-content-item.myInfoAndSayHello::before,.author-content-item.selfInfo::before, ...
本文记录了针对 Hexo 博客 AnZhiYu 主题“关于”页面（About）中“生涯卡片”模块的定制化修改过程。原主题的生涯列表较为简洁，仅支持纯色圆点与文本。本次修改旨在实现以下需求：
支持图片图标：将原本的纯色圆点替换为可自定义的图片。
样式增强：增大图标与字体尺寸，增加行间距，提升视觉冲击力。
交互优化：增加图标悬停放大动画，并支持点击图标跳转外链。
效果预览
1. 修改模板文件 (about.pug)首先需要修改页面的结构模板，使其能够读取并在 YAML 配置中定义的图片路径和跳转链接。
文件路径：themes/anzhiyu/layout/includes/page/about.pug
找到 .careers-group 相关的代码块，将其替换为以下逻辑：
12345678910111213141516.careers-group if crrList each career in crrList .career-item //- 定义样式变量，优先使用 icon 图片，如果没有则回退到 color 纯色 - var ci ...
想要让你的博客侧边栏更加生动吗？相比于静态图片或 GIF，使用高质量的 MP4 视频作为头像不仅清晰度更高，还能实现完美的无缝循环。今天我们就来动手给 AnZhiYu 主题加上这个酷炫的功能。
核心原理Hexo 的 AnZhiYu 主题默认使用 img 标签来显示头像。我们需要修改侧边栏作者卡片的模板文件，增加一个判断逻辑：如果配置文件中的头像路径以 .mp4 结尾，就渲染为 <video> 标签，否则保持原样的 <img> 标签。
修改步骤1. 修改 Pug 模板找到主题目录下的 themes/anzhiyu/layout/includes/widget/card_author.pug 文件。
我们需要将原本直接输出 img 的代码替换为带有条件判断的逻辑。
修改前：
12.author-info-avatar img.avatar-img(src=url_for(theme.avatar.img) onerror=`this.onerror=null;this.src='` + url_for(theme.error_img.flink) + ` ...
1.配置
配置请参考梦爱吃鱼和Penry的教程。这里不再赘述。
2.问题
countdown.js 是博客侧边栏的倒计时组件，用于展示距离下一个节日的剩余天数，以及今日/本周/本月/本年的时间进度条。
原始实现的问题： 节日目标是硬编码的：
1234const config = { targetDate: "2026-01-01", targetName: "元旦",};
每当一个节日过去后，必须手动修改 targetDate 和 targetName 才能切换到下一个节日。如果忘记修改，页面会显示负数天数。
3.优化内容
将静态的单一节日配置改为自动轮转的节日列表机制，具体改动：
新增 holidays 数组 — 定义了一整年的节日列表，按月日升序排列，每个条目包含 month、day、name 三个字段。
新增 getNextHoliday() 函数 — 核心自动化逻辑：
获取当天日期（时间归零到 00:00:00，避免时分秒干扰比较）
遍历 holidays 列表，将每个 ...
0.背景信息
Twikoo 是一个轻量级的静态网站评论系统。部署到 Vercel 后，默认域名 *.vercel.app 在中国大陆访问经常受限（需科学上网）。为改善访问体验，推荐为 Twikoo 绑定自己域名的二级子域。
1. 在 Vercel 为 Twikoo 添加二级域名
登录 Vercel 控制台，进入你的 Twikoo 项目
左侧菜单 → Settings → Domains
在「Add Domain」处输入你想使用的二级域名，例如：twikoo.example.com
点击 Add，此时状态会显示 Invalid Configuration（因为 DNS 尚未解析，属于正常现象）
2. 在域名服务商处添加 DNS 解析记录
以阿里云为例：
登录阿里云控制台 → 域名控制台 - 公网权威解析
找到你的主域名，点击「解析设置」或「添加记录」
添加一条记录，参数如下（根据 Vercel 页面提示填写）：
记录类型：CNAME（推荐）
主机记录：twikoo（即你刚才填的子域名前缀）
记录值：Vercel 提供的目标地址（通常为 cname.vercel-dn ...
1. 在 Google Fonts 挑选字体首先访问 Google Fonts，这里提供了数百种免费字体供您选择。
筛选字体
点击左侧的 Filters 按钮，您可以根据不同条件筛选字体
如果需要支持日文字符的字体，可以在语言筛选中选择 Japanese
获取字体代码
找到喜欢的字体后，点击字体卡片进入详情页
点击右上角的 “Get Font” 按钮将其添加到”购物车”
在右侧弹出的面板中，切换到 Embed 选项卡
复制提供的嵌入代码
2. 修改主题配置文件添加字体链接在 Hexo 主题的配置文件（通常是 _config.yml 或主题的配置文件）中，找到 inject 部分，将复制的代码粘贴到 head 项下：
123456inject: head: # 自定义 CSS 和字体链接 - <link rel="preconnect" href="https://fonts.googleapis.com"> - <link rel="preconnect" href=&quo ...
操作流程：更换 Hexo 博客的 Favicon 图标
本文介绍如何通过 Flaticon 获取图标并更换 Hexo 博客的网站图标 (Favicon)。
1. 获取图标访问 Flaticon，搜索并选择适合的图标。通常 PNG 格式即可满足网站使用需求。
在下载页面选择 Free download 将其保存至本地。
2. 更换配置将下载的图标文件置于博客的静态资源目录（例如 source/icons/）。随后在主题配置文件（如 _config.anzhiyu.yml）中更新 favicon 字段，指向该图标路径，并建议附上作者链接以便标注来源。
12# Favicon（网站图标）favicon: /icons/bank.png # 图标作者链接：https://www.flaticon.com/authors/icongeek26
3. 生效确认清除缓存并重新生成博客文件后，访问网站即可看到图标已更新。
版权声明本教程所示图标来源于 Flaticon 作者 Icongeek26，仅作个人学习与演示之用，非商业用途。
目的与背景在基于 Hexo 框架与 Anzhiyu 主题进行博客定制时，笔者希望保留侧边栏 weixin_card 组件的悬停翻转动效，但将其内容从微信公众号展示替换为自定义图像。本操作选用《Street Fighter》系列中的春丽（Chun-Li）与嘉米（Cammy）角色图片作为正面与背面展示内容。
问题描述直接替换图像后，发现春丽图像背景未能完全透明，存在明显残留色块（见图1），导致与卡片背景融合不佳，影响视觉效果。
解决方案使用 Adobe Express 在线工具进行背景移除操作，具体步骤如下：
访问 Adobe Express；
选择“移除背景”功能；
上传原图并自动处理；
下载生成的透明背景 PNG 图像。
处理界面与结果如下所示：
部署与验证将处理后的图像替换至主题对应目录，在本地执行以下命令清除缓存并启动服务：
1hexo cl && hexo s
刷新页面后，春丽图像已完整去除背景，正常嵌入卡片正面（见图2）：
随后对嘉米图像执行相同处理，并配置为卡片的 back_face（背面图像），实现悬停翻转时的图像切换效果（见图3）：
完成状态至 ...
0. BrokerHub 可以用来干什么？
BrokerHub一个由中山大学 HuangLab 开发的区块链协议验证平台，名为 BlockEmulator。
简单来说，它的用途是帮助研究人员或学生快速“模拟”和“验证”新的区块链技术，特别是“分片（Sharding）”和“共识协议”。它不是一个用来挖矿赚钱的工具，而是一个科研实验工具。
0.1它可以帮你做这些事：
模拟区块链运行： 它可以在一台电脑（或多台）上模拟出一整条分片区块链网络，包含多个分片、多个节点。
验证“跨分片”机制： 它内置了两种主流的跨分片技术（BrokerChain 的 Broker 机制和 Monoxide 的 Relay 机制），你可以用它来测试不同分片间怎么处理交易。
验证“共识”算法： 它支持 PBFT（拜占庭容错）等共识协议，你可以修改代码来测试自己写的新共识算法效果如何。
跑实验、出数据： 它会自动记录 TPS（吞吐量）、延迟等核心指标，并输出成 CSV 文件。写论文或做研究时，可以直接用这些数据画图。
支持智能合约： 它包含了一个 VM 模块，可以在模拟链上跑 Solidity 智能合约。
总结：如果 ...
