仪表盘任意门 - Alex-Programer

仪表盘任意门

2023年4月26日#代码片段487

AI 翻訳

この記事はAIを通じて中国語から日本語に翻訳されました。原文を表示

AI が生成した要約

这段代码是用来获取名称并展示一个自定义样式的图片卡片。代码中使用了背景图片和样式调整来实现不同主题和响应式布局。需要注意将代码中的"Alex-Programer"替换为你自己的名称。可以通过访问https://xlog-card.vercel.app/了解更多展示效果和调整选项。

名称の取得#

主要なコード#

以下の 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/ を参照してください。