mirror of
https://github.com/Kisechan/Mainpage.git
synced 2025-07-09 14:47:18 +00:00
更新首页视图,添加社交媒体链接,调整样式并启用全局统计信息
This commit is contained in:
@ -1,23 +1,6 @@
|
|||||||
<template>
|
<template>
|
||||||
<el-footer>
|
<el-footer>
|
||||||
<div class="footer-content">
|
<div class="footer-content">
|
||||||
<div class="social-icons">
|
|
||||||
<a href="https://github.com/Kisechan" target="_blank">
|
|
||||||
<i class="fab fa-github"></i>
|
|
||||||
</a>
|
|
||||||
<a href="https://www.zhihu.com/people/ptkise" target="_blank">
|
|
||||||
<i class="fab fa-zhihu"></i>
|
|
||||||
</a>
|
|
||||||
<a href="https://space.bilibili.com/174541536" target="_blank">
|
|
||||||
<i class="fab fa-bilibili"></i>
|
|
||||||
</a>
|
|
||||||
<a href="https://blog.kisechan.space" target="_blank">
|
|
||||||
<i class="fa-solid fa-blog"></i>
|
|
||||||
</a>
|
|
||||||
<a href="mailto:admin@kisechan.space" target="_blank">
|
|
||||||
<i class="fa-solid fa-envelope"></i>
|
|
||||||
</a>
|
|
||||||
</div>
|
|
||||||
<div class="footer-text">
|
<div class="footer-text">
|
||||||
<p>
|
<p>
|
||||||
© 2025 By
|
© 2025 By
|
||||||
@ -28,7 +11,9 @@
|
|||||||
><strong>Kisechan</strong></a
|
><strong>Kisechan</strong></a
|
||||||
>
|
>
|
||||||
</p>
|
</p>
|
||||||
<p>功能完善中...</p>
|
<p style="font-size: 0.75em;">
|
||||||
|
Made With <a href="https://cn.vuejs.org/">Vue3</a> & <a href="https://element-plus.org/zh-CN/">Element Plus</a>
|
||||||
|
</p>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</el-footer>
|
</el-footer>
|
||||||
@ -49,17 +34,8 @@
|
|||||||
margin: 0 auto;
|
margin: 0 auto;
|
||||||
}
|
}
|
||||||
|
|
||||||
.social-icons {
|
/* .social-icons {
|
||||||
margin-top: 10px;
|
margin-top: 10px;
|
||||||
}
|
} */
|
||||||
|
|
||||||
.social-icons a {
|
|
||||||
color: #303133;
|
|
||||||
margin: 0 10px;
|
|
||||||
font-size: 24px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.social-icons a:hover {
|
|
||||||
color: rgb(159.5, 206.5, 255);
|
|
||||||
}
|
|
||||||
</style>
|
</style>
|
||||||
|
@ -11,6 +11,8 @@
|
|||||||
可以通过这个邮箱联系我:
|
可以通过这个邮箱联系我:
|
||||||
<a href="mailto:admin@kisechan.space">admin@kisechan.space</a>
|
<a href="mailto:admin@kisechan.space">admin@kisechan.space</a>
|
||||||
</p>
|
</p>
|
||||||
|
<hr />
|
||||||
|
<h3>My Github Contributions</h3>
|
||||||
<div class="github-calendar-container">
|
<div class="github-calendar-container">
|
||||||
<div id="github-graph"></div>
|
<div id="github-graph"></div>
|
||||||
</div>
|
</div>
|
||||||
@ -18,12 +20,29 @@
|
|||||||
</el-col>
|
</el-col>
|
||||||
|
|
||||||
<!-- 右侧作者信息 -->
|
<!-- 右侧作者信息 -->
|
||||||
<el-col :span="8">
|
<el-col class="right-column" :span="8">
|
||||||
<div class="author-info">
|
<div class="author-info">
|
||||||
<el-avatar :size="120" :src="avatarUrl" />
|
<el-avatar :size="120" :src="avatarUrl" />
|
||||||
<h3>Hello</h3>
|
<h2>Hello</h2>
|
||||||
<i>"Non est ad astra mollis e trris via."</i>
|
<i>"Non est ad astra mollis e trris via."</i>
|
||||||
</div>
|
</div>
|
||||||
|
<div class="social-icons">
|
||||||
|
<a href="https://github.com/Kisechan" target="_blank">
|
||||||
|
<i class="fab fa-github"></i>
|
||||||
|
</a>
|
||||||
|
<a href="https://www.zhihu.com/people/ptkise" target="_blank">
|
||||||
|
<i class="fab fa-zhihu"></i>
|
||||||
|
</a>
|
||||||
|
<a href="https://space.bilibili.com/174541536" target="_blank">
|
||||||
|
<i class="fab fa-bilibili"></i>
|
||||||
|
</a>
|
||||||
|
<a href="https://blog.kisechan.space" target="_blank">
|
||||||
|
<i class="fa-solid fa-blog"></i>
|
||||||
|
</a>
|
||||||
|
<a href="mailto:admin@kisechan.space" target="_blank">
|
||||||
|
<i class="fa-solid fa-envelope"></i>
|
||||||
|
</a>
|
||||||
|
</div>
|
||||||
</el-col>
|
</el-col>
|
||||||
</el-row>
|
</el-row>
|
||||||
</el-main>
|
</el-main>
|
||||||
@ -43,7 +62,7 @@ onMounted(() => {
|
|||||||
headers: {
|
headers: {
|
||||||
Authorization: `token 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`,
|
Authorization: `token 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`,
|
||||||
},
|
},
|
||||||
global_stats: false, // 显示全局统计信息
|
global_stats: true, // 显示全局统计信息
|
||||||
});
|
});
|
||||||
});
|
});
|
||||||
</script>
|
</script>
|
||||||
@ -70,4 +89,26 @@ onMounted(() => {
|
|||||||
max-width: 800px;
|
max-width: 800px;
|
||||||
margin: 0 auto;
|
margin: 0 auto;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.social-icons a {
|
||||||
|
color: #303133;
|
||||||
|
margin: 0 10px;
|
||||||
|
font-size: 24px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.social-icons a:hover {
|
||||||
|
color: rgb(159.5, 206.5, 255);
|
||||||
|
}
|
||||||
|
|
||||||
|
.social-icons{
|
||||||
|
max-width: 1200px;
|
||||||
|
margin: 0 auto;
|
||||||
|
text-align: center;
|
||||||
|
}
|
||||||
|
|
||||||
|
.right-column {
|
||||||
|
display: flex;
|
||||||
|
flex-direction: column;
|
||||||
|
gap: 24px; /* 设置 author-info 和 social-icons 之间的间隔 */
|
||||||
|
}
|
||||||
</style>
|
</style>
|
||||||
|
Reference in New Issue
Block a user