把评论区的博主标识换成自定义 SVG 图标

评论区里文章作者自己发言时，通常会带一个小徽章。主题自带的图标是通用样式，想换成自己的标识（比如这个粉色底的 bilibili 图标），不必装插件，改一处模板输出就行：把原来那个图标标记整段替换成内联 SVG。

一、改哪个文件

徽章是在服务端渲染评论列表时输出的，所以要找的是主题里负责「一条评论长什么样」的那个 PHP 文件。多数主题会把它放在 inc/functions/ 目录下，文件名里带 comments-list 之类的字样，按关键字搜一下就能定位。

定位到之后先确认输出徽章的那一段 HTML，图标要么是字体图标的 class，要么是一段 <svg>，两种都能直接换成自己的内容。

二、换成自己的 SVG

把原来那段整段替换成下面这个，尺寸由 width/height 控制，颜色写在 path 的 fill 上：

<svg t="1653902014495" class="icon" viewBox="0 0 1194 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="736" width="200" height="200"><path d="M980.282449 0q91.926387 2.656832 151.173741 61.992747t61.992747 151.173741v596.635908q-2.656832 91.926387-61.992747 151.173741t-151.173741 61.992746H213.077927q-91.926387-2.656832-151.173741-61.992746T0 809.802396V213.077927Q2.656832 121.151539 61.992747 61.992747t151.08518-61.992747z m-507.454913 554.038034a229.284602 229.284602 0 0 1-15.321065 97.94854C445.550727 681.920215 413.757304 697.418402 362.303325 699.632428c-51.542541-1.859782-83.247403-17.712213-95.291708-47.291609a229.284602 229.284602 0 0 1-15.321065-97.94854V263.734857h-81.210498v324.930555q0 94.583219 48.620025 141.16634t139.217998 45.963194q90.50941-0.619927 142.494756-48.620026t53.13664-143.823172V263.734857h-81.121937z m387.543229-290.303177H652.606502v503.469665h79.70496V571.396003h128.059303q99.896883-3.985248 132.8416-53.13664a163.483729 163.483729 0 0 0 29.933641-99.896883 166.760489 166.760489 0 0 0-29.933641-99.896884q-32.944717-50.745491-132.8416-54.730739z m-3.985248 239.734808h-123.985494V340.960107h123.985494a84.133014 84.133014 0 0 1 56.590521 16.649481c15.586748 11.955744 23.734366 33.564644 24.708538 64.561018-0.974172 29.313713-9.564595 50.214125-26.036954 62.612674a88.561067 88.561067 0 0 1-55.262105 18.686385z" p-id="737" fill="#fb7299"></path></svg>

改完保存、刷新页面，评论区作者标识就变成了新图标。

三、几个注意点

• 直接改主题文件，主题升级会被覆盖。改动记下来，或者放子主题里，别指望还能凭记忆找回来。
• 内联 SVG 是跟着 HTML 一起输出的，评论列表长的时候每条评论都带一份路径数据。只在作者这一种情况下用还好，多处复用的话建议改成图标字体或雪碧图。
• viewBox 决定比例，width/height 只决定显示大小，两者不匹配时图标会缩放变形，换图标时这两处一起核对。
• 颜色写死在 fill 里就不跟随主题配色了，想让深浅色模式自适应，把 fill 换成 currentColor，再用 CSS 控制文字色。