博客

技术

让 ChatGPT 给本博客写了个 pre-commit

前段时间因为一直在忙日语课的作业等,周末也没啥时间出去玩,博客更新也变慢了。最近终于稍微有所缓和(只要这个月再上两节课就结束了),于是和妻子去了趟上野。回到家准备写篇日记,发点儿照片。想到既然要发照片到网上的话,最好把照片里的 Exif 信...
博客运营

统计博客的访客

umami
博客运营

给博客加上认证

最近读到这篇博客 Verified Personal Website - Jim Nielsen’s Blog 感觉很有意思。于是我也糊弄上了这么一个认证的徽章,不需任何费用,只需几行 CSS。效果如下 👇被认证的我的博客
博客运营

把 emoji 当作 favicon

平时逛 V2EX 的时候会注意到这个网站一些设计上的细节,其中之一就是不同的节点页面会有自己特有的 favicon,这相对于全站只使用一个统一的图案来说活泼不少,对于喜欢在浏览器里打开许多标签的用户来说也非常友好。另外日常使用的 Slack...
博客运营

自动使用最新版 Hugo 生成博客

TL;DR简单来说,就是三步:定时解析 Hugo 在 GitHub 上的 Release 记录一旦有新版本就自动更新 Cloudflare Pages 上的环境变量然后重新部署本博客Huginn 上生成的流程图背景自从几年前开始使用 Arc...
博客运营

使用 Markdown Render Hooks 要注意

在制作 Hugo 主题的过程中,免不了要和 Markdown 打交道,尤其是希望在 Markdown 转 HTML 的过程中想要额外做点儿什么的时候。比如常见的使用场景:区分生成的链接是内部链接还是外部链接,如果是外部链接希望加上 targ...
博客运营

用 Hugo 的 shortcodes 做 GitHub 卡片

最近一段时间有点儿沉迷做博客主题,渐渐地已经折腾起小挂件起来了,不觉得和十多年前的 QZone 时代很像?这次主要想解决的问题是如何在文章里插入一个 GitHub 仓库的卡片(可能也叫挂件 Widget),就像下面这样。本文就来介绍如何花较...
博客运营

动手写一个 Hugo 博客主题(AMP篇)

自从上周写了一篇关于新博客主题的文章之后,这一周又陆续地改进了一些小地方,同时增加了一个新的主要功能,那就是给博客文章页面加上了 AMP 支持。这篇文章就主要分享一下给 Hugo 主题适配 AMP 需要做哪些工作。什么是 AMPAMP 是 ...
博客运营

动手写一个 Hugo 博客主题(性能篇)

距离上次动手写 Hugo 主题已经过去近 9 个月了。之间虽然也没有写多少文章,却又动起了折腾主题的念头。实际上比起上次的初次挑战写主题,这次是在原有的基础上做修改,显然省了不少力气,说是一次大扫除也不为过,于是我把标题美其名曰叫作「性能篇...
博客运营

动手写一个 Hugo 博客主题

20220520 更新:本文所写的主题已由后继版本取代,对本文描述的主题感兴趣的朋友可以点击下面链接查看截图存档。桌面端移动端在读这篇文章的朋友可能已经注意到本博客的主题换了个样,那是因为过去的两个星期我自己写了套 Hugo 的主题。倒也不...