xChar

就类似于这位用户名后面的「命令行」图标
圖片


实现思路

定位到你的用户名地址, 把附加内容「::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;
}
Loading comments...