index.html

<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>oushiei 的 GitHub Pages</title>
    <style>
        body {
            font-family: Arial, sans-serif;
            line-height: 1.6;
        }
        h1 {
            color: #333;
        }
        p {
            font-size: 1.2em;
        }
        #date {
            color: #555;
            font-style: italic;
        }
    </style>
    <script>
        // 当页面加载完成时执行
        window.onload = function() {
            // 显示欢迎信息
            alert("欢迎访问我的学术成果网站！");
            
            // 更新日期显示
            const today = new Date();
            document.getElementById("date").innerHTML = 
                "最后更新时间：" + today.getFullYear() + "年" + 
                (today.getMonth() + 1) + "月" + today.getDate() + "日";
            
            // 为所有链接添加悬停效果
            const links = document.getElementsByTagName("a");
            for(let i = 0; i < links.length; i++) {
                links[i].onmouseover = function() {
                    this.style.color = "red";
                }
                links[i].onmouseout = function() {
                    this.style.color = "";
                }
            }
        }
    </script>
</head>
<body>
    <h1>欢迎访问王子睿（oushiei）的学术成果网站</h1>
    <p>以下是相关学术成果的在线演示版本：</p>
    <h2>《红楼梦》日译本笑态翻译研究：基于语料库与文眼分析法</h2>
    <ul>
        <li><a href="两译本译词网络图对比.html" target="_blank">两译本译词网络图对比</a></li>
        <li><a href="两译本译词桑基图对比.html" target="_blank">两译本译词桑基图对比</a></li>
    </ul>
    <p id="date"></p>

</body>
</html>