关于本站界面(About the interface of this site)
本站界面只是在Typecho原有模板index.php文件里注释了 <?php $this->content('- 阅读剩余部分 -'); ?>
代码替换为<?php $this->summary(); ?><div align="center"><a itemprop="url" href="<?php $this->permalink() ?>">- 阅读剩余部分 -</a></div>
并在header.php文件的
.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号!