Skip to content

Latest commit

 

History

History
45 lines (27 loc) · 1.88 KB

File metadata and controls

45 lines (27 loc) · 1.88 KB
title 博客更新:头部及分享图显示头像等
createDate 2025-02-15 19:19:08 +0900
publishDate 2025-02-15 20:38:27 +0900
draft false
tags
博客
Hugo
主题
keywords
博客
Hugo
主题
slug blog-updates-add-icon-to-header-and-cover

自从上次{{< relanchor "斥资1283日元定制了一个新头像" >}}之后,总想着既然有了新的头像就得用起来,这不陆陆续续把一些账号的头像都换了个遍。

这还不够,这周又花了点时间给博客的头部和分享图前也加上这个新头像。

在博客头部显示头像

旧博客头部

新博客头部

新旧博客头部的对比如上,如果你也是 Google One 会员的话,你可能留意到我偷了下会员专享的那个彩色圈圈,套在了博客头部的头像上。

在博客分享图显示头像

旧博客分享图

新博客分享图

分享图的话除了加上了头像,也趁机改了改之前旧的域名,也换上了一个较为圆润的字体叫做源泉圓體

检测 HTML 是否合理的动态徽章

因为期间修改了博客的一些 HTML 结构,一般新的改动上线后我会手动检测一下新的 HTML 是否合理,结果还真出了一些问题,现在已经修复。

之前在页面最下方有一个静态图标{{< w3c-validator-static >}},点击这个图标就可以一键打开检测网站直接查看检测结果,这次更进一步通过利用 Shields.io 可以在图标上动态显示检验结果,像是这样:{{< w3c-validator >}},如果 HTML 有问题这个图标会自动显示错误数量。