仪表盘任意门

获取名称

主要代码

注意把下面的 Alex-Programer 换成你的

有自定义过样式的小伙伴请自行调整

Copy
header>div:nth-child(2)>div:nth-child(2) {
padding-bottom: 200px;
background: url(https://xlog-card.vercel.app/api/Alex-Programer?theme=light) no-repeat;
background-position: bottom;
}

html.dark header>div:nth-child(2)>div:nth-child(2) {
background: url(https://xlog-card.vercel.app/api/Alex-Programer?theme=dark) no-repeat;
background-position: bottom;
}

@media only screen and (max-width: 768px) {

header>div:nth-child(2)>div:nth-child(2),
html.dark header>div:nth-child(2)>div:nth-child(2) {
background-size: contain;
padding-bottom: 110px;
}
}

展示效果

补充

需要展示的卡片项可以自行调整，可以参考 https://xlog-card.vercel.app/ 了解