就类似于这位用户名后面的「命令行」图标
实现思路
定位到你的用户名地址, 把附加内容「::after」过去就好了
在浏览器控制台找到:
<a class="font-medium text-accent" href="https://sino.xlog.app" target="_blank" rel="nofollow noreferrer">「云华」CloudSino</a>
然后添加伪元素:
(这个选择器应该不会出问题, 请自行修改链接)
<style>
.xlog-comment-list .font-medium.text-accent[href="https://sino.xlog.app"]::after {
content: "输入内容";
};
</style>
装修一下, 齐活
.xlog-comment-list .font-medium.text-accent[href="https://sino.xlog.app"]::after {
content: "PO主";
background: turquoise;
color: rgb(var(--tw-color-white)/var(--tw-text-opacity));;
padding: .2em;
border-radius: 5px;
font-size: 80%;
font-weight: bold;
--tw-space-x-reverse: 0;
margin-right: calc(.25rem * var(--tw-space-x-reverse));
margin-left: calc(.25rem * calc(1 - var(--tw-space-x-reverse)));
word-break:keep-all;
}