Alex-Programer

Alex-Programer

随缘博客,不定期更新不确定的内容~
github
twitter

Dashboard Portal

Get Name#

image

Main Code#

Note that you need to replace Alex-Programer with your own.

If you have customized styles, please adjust them accordingly.

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

Display Effect#

WX20230426-182932@2x

WX20230426-182949@2x

Supplementary#

You can adjust the items to be displayed on the card by yourself. You can refer to https://xlog-card.vercel.app/ for more information.

Loading...
Ownership of this post data is guaranteed by blockchain and smart contracts to the creator alone.