郑州入冬后的第一场雪
难得天气预报准确一次，这暴雪说来就来。 截至昨天（周五）中午雪还没怎么下，露天跟着同事去了食堂路上连积雪的样子都没有，天倒是冷了不少，但那时候的氛围还不像是要下暴雪的样子。 到下午 3 点以后，眼瞅着外面白茫茫一片，当时就知道下班的路不好走。 15时04分拍摄的窗外 25-12-12 · 7mm · f/1.8 · 1…
来自这个博客的文章
Hugo 优化：为图片添加正在加载动画
一直以来都想在图片加载时添加一个加载动画，以增强用户体验。使用 Hugo 以来，关于图片的添加方式也进行了自定义。针对历史数据，没功夫一遍遍改了，就采用 Markdown 原生语法进行图片的插入，这样形成的图片就是一行一个简单进行罗列。后来为了让自己的照片显示 exif 信息，以及实现一行多图的方式，通过自定义短代码的…
三刷只有河南·戏剧幻城
11月30日，我第三次来“只有河南·戏剧幻城”，前两次分别是2021年12月19日（跟我爸）、2023年1月26日（跟我爸妈和外甥），这次是跟我姐。这次发现园区内的部分硬件设施已明显老化。三大主剧保持原貌，小剧场则进行了部分更迭，例如此次观看的《苏轼的河南》《曹操的麦田》和《薛怀义》均为新剧目。热门剧目如《红庙学校》排…
为 Hugo 站点实现外部链接跳转访问
最近，我为博客增加了一个新功能：外部链接跳转页。现在，点击站外链接会先进入一个中转页，经用户确认点击 继续访问 后才前往目标网站。当然这功能并不少见，多数网站都有此功能。 为何需要跳转页？ 明确告知：清晰告知访客“您即将离开本站”，避免意外跳转。 提升安全：为访客提供一道心理屏障，降低链接被篡改的风险。 统一体验：统一…
用 Wayback Machine 翻了翻博客的“黑历史”
最近心血来潮，上 Wayback Machine 搜了一下自己的域名 xiaoten.com。 距离2011年2月2日，已经14.8个年头，虽然手里存着一些备份数据，但大多是后面几年的存档，前几年的存档因种种原因，没有留存下来。 Wayback Machine 存下来的这些快照，就像是给网站打的 git commit …
基于高德地图实现 Hugo 足迹地图短代码
依然是受 王叨叨：基于高德地图做足迹管理插件 文章启发，实在眼馋足迹功能，但苦于没有清晰的思路，看到叨叨大神发了这个插件，借助AI，终于抽空完成了这一功能，并融入了一些个人想法： 与站点主题同步，支持亮/暗模式自适应； 增加标签筛选功能； 在地图卡片中，若有多张图片，支持水平滚动并集成灯箱放大查看； 标记点智能集群，缩…
解决 Hugo 分页器返回空页面的诡异问题：.Paginate 不能被多次调用
问题背景 在将博客的文章列表从 JavaScript 分页迁移到 Hugo 官方分页时，遇到了一个非常诡异的问题： ✅ Hugo 构建成功，显示生成了 42 个分页页面 ✅ .RegularPages 有 360 篇文章 ✅ 直接 range .RegularPages 可以正常显示文章 ❌ 但是 .Paginator…
徐州一日纪行
16日早上，从郑州出发，乘坐高铁约一个半小时到达徐州东站。由于交通便利，行程安排为当天往返。 出行前参考了一些攻略，徐州的几个主要景点相对集中，因此整体行程比较紧凑。 依然是流水帐的记录形式： 上午10点02分到达徐州东站，搭乘地铁一号线，经9站到达民主北路站。出站后步行约十分钟，前往提前在大众点评上选定的一家评分较高…
借助Github Action实现友圈动态自动获取——小十友圈RSS聚合工具
回归博客内容创作也有几月有余，这期间认识了很多独立博客站长，也重新联系上了一些老朋友。友链作为独立博客的宝贵财富，在快节奏的今天，能够保留这种传统意义上的网友社交形式，显得格外有意义。 这次回归以来，我发现了很多友链展示的新形式，其中通过RSS自动获取并展示好友动态就是其中之一。市面上已有一些成熟的工具，最初我使用的是…
成都两日纪行
10月20日，读研期间的导师在群里发布活动通知，计划于11月8日在成都望江宾馆举办“电力系统稳定与高压直流输电团队校友大家庭欢聚雅集”。自2017年毕业至今，虽然我曾两次到过成都——一次是因参加QC发布会，一次是假期来游玩——但都未能与导师见上一面。正好借此次活动，利用周末两天时间，与导师见面叙旧。 购票后被周基佬告知…
通过Hugo短代码功能实现图片及其EXIF信息展示
我有一个习惯就是在网络上分享图片时不管是调整尺寸还是压缩，都习惯保留元数据，当然也希望在分析图片时能够展示元数据。本文介绍如何在 Hugo 静态博客中借助短代码实现图片展示功能，包括单张图片和图片组的短代码实现，以及自动获取并格式化显示图片 EXIF 信息的方法。 具体效果如下图所示： 也可见 万圣节和亳都·新象的一些…
万圣节和亳都·新象的一些照片
按照体感估算，感觉郑州已持续了两个月的阴雨天气，在这长时间恶劣天气之前还是实打实的夏季，就突然进入了冬天。 本来以为阴雨已经结束，结果又来了持续一周的大雾天气，从早浓到晚的大雾，长久不见阳光，“豫犬吠日”实至名归。 难得周六、周日太阳出现，刚好11月1日是万圣节，这天的前两天，临时起意想在这个周六去感受下年轻人的氛围，…
利用短代码在hugo博客中加入bilibili播放器插件
王叨叨在 开源Bilibili播放器插件 一文中，分享了一个Typecho插件，用于将Bilibili默认播放器替换为HTML5移动端播放器，并提供更多自定义选项。 基于他的源代码，考虑将其移植到Hugo中，并通过短代码来实现bilibili视频的调用。 短代码是Hugo的一项强大功能，允许我们在Markdown中嵌入…
天津两日纪行
10月25—26日，趁着周末两天，去了一趟天津。 第一天 早上5点半起床，上午约10点30分，抵达天津西站。出站后，搭乘出租车前往位于滨江道步行街内的酒店。 滨江道步行街是天津市最为繁华的商业街之一，其历史可追溯至20世纪初，汇集了众多商场与老字号品牌。午餐选择了“醉喜楼津菜馆”，尝试了特色菜八珍豆腐与皮皮虾陷的锅贴，…
解决林木木老师哔哔广场中同一Memos实例下多用户头像昵称显示错误问题
问题描述 非常感谢 林木木 老师编写的 哔哔广场 ，日常用于调取Memos网站的内容，并实现了同步订阅其他Memos用户及发表 memos 等功能。 但是，我这里有一个较为小众的需求，就是在使用 Memos 广场功能时，如下图界面： 当多个用户来自同一个 Memos 实例时，其动态内容能够正常显示，但用户信息（头像和昵…
在 Hugo 中集成 Memos 多用户微博系统
摘要 本文详细阐述在 Hugo 静态网站生成器中集成 Memos 0.18.2 多用户微博系统的完整技术方案。通过 RESTful API 调用、Twikoo 评论系统集成、图片资源处理等关键技术，实现了在静态网站中展示动态微博内容的功能。本文涵盖系统架构设计、核心代码实现、性能优化策略以及部署配置指南，为开发者提供完…
借助 GitHub Actions 自动化部署 Hugo 网站到自有服务器
从手动部署到自动化的工作流演进 在网站开发的初期阶段，为了深入理解整个发布流程，我一直在本地环境中使用 Hugo 手动生成静态网站。这个过程包括：运行 hugo 命令生成静态文件，手动打包 public 目录，然后通过 SCP 或 FTP 上传到服务器，最后在服务器上解压并配置。虽然这种方法让我对网站部署的每个环节都有…
终于初步完成了从Typecho到Hugo的网站迁移
整体历程 2011年2月2日，本站启用并使用WordPress； 2021年7月29日，从WordPress迁移至Typecho； 2025年10月16日，终于正式把域名指向到了Hugo生成的静态页面。 主要过程 因为涉及到html转markdown，使用自动化的转换工具带了一些排版混乱、不合理的转义等等，本来想仿照有…
PVE从8升级到9
今天完成了Proxmox Virtual Environment 从8升级到9。 升级前准备 确保您的所有节点都已升级到 Proxmox VE 8.4 的最新版本。 apt update && apt dist-upgrade pveversion检查是否满足升级条件 pve8to9或 pve8to9 --full需要…
使用 libwebp 高效批量转换图片至 WebP 格式
WebP 是一种现代图像格式，可为 Web 上的图像提供出色的无损和有损压缩。使用 WebP，网站管理员和 Web 开发人员可以创建尺寸更小、内容更丰富的图像，从而使 Web 更快。本文将指导您如何使用 Google 官方提供的 libwebp 工具包批量将您现有的图片（如 JPG, PNG, BMP, GIF 等）转…