本站界面只是在Typecho原有模板index.php文件里注释了 <?php $this->content('- 阅读剩余部分 -'); ?>代码替换为<?php $this->summary(); ?><div align="center"><a itemprop="url" href="<?php $this->permalink() ?>">- 阅读剩余部分 -</a></div>并在header.php文件的标签里加了css代码，css代码是由chatgpt简单生成的，如下：

.widget {
  padding: 20px;
  background-color: #fff;
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
}
#logo {
  font-weight: 900;
  font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
  font-size: 36px;
  color: #3498db;
  letter-spacing: 2px;
  text-shadow: 8px 2px 9px rgba(0, 0, 0, 0.1);
}
#search {
    position: relative;
    margin-top: 15px;
    display: flex; /* 使用 Flex 布局使搜索框和按钮水平排列 */
}
input[type="text"],input[type="email"],input[type="url"],#textarea{
    padding: 10px;
    border: 1px solid #3498db;
    width: 100%;
    border-radius: 5px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    box-shadow: 0 0 5px rgba(52, 152, 219, 0.5);
}
#search button {
    width: 30px;
    height: 100%;
}
#nav-menu a {
    border: 2px solid #EEE
}
#main {
    background-color: #fff;
    padding: 20px;
    border-radius: 5px;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
}

在sidebar.php文件里的<div class="col-mb-12 col-offset-1 col-3 kit-hidden-tb" id="secondary" role="complementary">下面添加

<section class="widget" style="text-align: center;">
<img width="80px" style="border-radius: 100%;" src="https://q1.qlogo.cn/g?b=qq&nk=3152680200&s=640">
<script>
setInterval(function(){
var now = new Date();
document.getElementById("time").innerHTML =  now.toLocaleString();
}, 1000);
</script>
<br/>
<b style="font-size:18px;"><?php $this->author(); ?></b>
<hr/>
<b id="time" style="font-family:YingZhenYu;"><?php $this->options->title() ?></b>
</section>

注意第二行的src里的头像链接是https://q1.qlogo.cn/g?b=qq&nk=3152680200&s=640其中nk是QQ号！