my-website/index.html

<!doctype html>

<head>
    <title>小爱的网站</title>
    <meta charset="utf-8"/>
    <meta name="viewport" content="width=device-width,initial-scale=1.0,user-scalable=no"/>
    <meta name="color-scheme" content="light"/>
    <style>
        * {
            font-family: "JetBrains Mono", monospace;
        }

        :root {
            --footer-height: 80px;
            color-scheme: light;
        }

        body {
            background-color: #ececec;
            /*font-family: Tahoma, monospace;*/
        }

        footer {
            height: var(--footer-height);
            display: flex;
            flex-direction: column;
            justify-content: center;
            align-items: center;
            font-size: 14px;
            background-color: #ececec;
            position: fixed;
            left: 0;
            right: 0;
            bottom: 0;
            border-top: 1px solid #939494;
        }

        .filing-container {
            width: 100%;
            display: flex;
            margin-top: 5px;
            justify-content: center;
            align-items: center;
        }

        .main-container {
            padding-bottom: var(--footer-height);
        }

        code {
            font-family: "monospace";
        }

        .code-con {
            width: fit-content;
            padding: 8px;
            margin-top: 8px;
            border-color: #808080 #ffffff #ffffff #808080;
            border-width: 2px;
            border-style: solid;
        }

        .code-con div {
            line-height: 1.5;
        }
    </style>

    <script>
        window.onload = () => {
            fetch("./website-update-logs.json")
                .then(res => {
                    return res.json()
                })
                .then(data => {
                    for (let i = 0; i < data.length; i++) {
                        const date = data[i]["date"]
                        const detail = data[i]["detail"]
                        const liEle = document.createElement("li")
                        const listEle = document.getElementById("update-list")

                        liEle.innerText = `${date}: ${detail}`
                        listEle.appendChild(liEle)
                    }
                })
        }
    </script>
</head>

<body>
<div class="main-container">
    <div style="font-size: 20px; font-weight: bold;">资源</div>
    <div>Linux 换软件源</div>
    <ul>
        <li>
            <h4>debian 12</h4>
            wget:
            <div class="code-con">
                <div>
                    wget -O sources.list https://assets.cancerai.top/linux-repo/debian_12_x86-64/sources.list
                </div>
                <div>
                    cat sources.list > /etc/apt/sources.list
                </div>
                <div>
                    rm -rf sources.list
                </div>
                <div>
                    apt update
                </div>
            </div>
            <div style="margin-top: 8px"></div>
            curl:<br>
            <div class="code-con">
                <div>
                    curl https://assets.cancerai.top/linux-repo/debian_12_x86-64/sources.list
                </div>
                <div>
                    /etc/apt/sources.list
                </div>
                <div>
                    apt update
                </div>
            </div>
        </li>
        <br>
        <li>
            <h4>debian 13</h4>
            wget:<br>
            <div class="code-con">
                <div>
                    wget -O sources.list https://assets.cancerai.top/linux-repo/debian_13_arm64/sources.list
                </div>
                <div>
                    cat sources.list > /etc/apt/sources.list
                </div>
                <div>
                    rm -rf sources.list
                </div>
                <div>
                    apt update
                </div>
            </div>
            <div style="margin-top: 8px"></div>
            curl:<br>
            <div class="code-con">
                <div>
                    curl https://assets.cancerai.top/linux-repo/debian_13_arm64/sources.list
                </div>
                <div>
                    /etc/apt/sources.list
                </div>
                <div>
                    apt update
                </div>
            </div>
        </li>
        <br>
    </ul>

    <!--    <div>homebrew软件源</div>-->
    <!--    <ul>-->
    <!--        <li>-->
    <!--            版本 >= 4.x<br>-->
    <!--            <code>-->
    <!--                echo '<br>-->
    <!--                export HOMEBREW_API_DOMAIN="https://mirrors.tuna.tsinghua.edu.cn/homebrew-bottles/api"<br>-->
    <!--                export HOMEBREW_BOTTLE_DOMAIN="https://mirrors.tuna.tsinghua.edu.cn/homebrew-bottles"<br>-->
    <!--                ' >> ~/.zshrc && . ~/.zshrc && brew update-->
    <!--            </code>-->
    <!--        </li>-->
    <!--    </ul>-->
    <hr>

    <div style="font-size: 20px; font-weight: bold;">个人git仓库地址</div>
    <ul>
        <li>https://git.cancerai.top/cancerai</li>
        <li>https://github.com/CancerXiaoAi</li>
        <li>https://gitee.com/cancerai</li>
    </ul>
    <p></p>
    <hr>

    <div style="font-size: 20px; font-weight: bold;">更新日志</div>
    <ul id="update-list">
    </ul>
</div>

<footer>
    <div class="filing-container">
        <a href="https://beian.miit.gov.cn/" target="_blank">沪ICP备2026028815号-1</a>
    </div>

    <div class="filing-container" style="margin-top: 5px;">
        <img src="./filing_icon.png" width="20px" height="20px"/>
        <div style="width: 10px;"></div>
        <a href="https://beian.mps.gov.cn/#/query/webSearch?code=31011702891982" rel="noreferrer" target="_blank">沪公网安备31011702891982号</a>
    </div>
</footer>
</body>