仪表盘任意门 - Alex-Programer

获取名称#

主要代码#

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

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

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;
    }
}

展示效果#

WX20230426-182932@2x

WX20230426-182949@2x

补充#

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