添加源代码链接,修改链接打开方式

This commit is contained in:
2025-03-12 16:24:19 +08:00
parent d41b57b87e
commit 6a9dbf914f
5 changed files with 34 additions and 13 deletions

View File

@ -1,6 +1,9 @@
<script setup> <script setup>
import NavBar from "./components/NavBar.vue"; import NavBar from "./components/NavBar.vue";
import AppFooter from "./components/AppFooter.vue"; import AppFooter from "./components/AppFooter.vue";
const openGitHubRepo = () => {
window.open("https://github.com/Kisechan/Mainpage", "_self");
};
</script> </script>
<template> <template>
@ -9,12 +12,17 @@ import AppFooter from "./components/AppFooter.vue";
<transition name="fade" mode="out-in"> <transition name="fade" mode="out-in">
<router-view /> <router-view />
</transition> </transition>
<el-tooltip content="查看本站源代码" placement="left" class="github-tooltip">
<div class="github-corner" @click="openGitHubRepo">
<i class="fa-solid fa-code"></i></div
></el-tooltip>
<AppFooter v-if="!$route.meta.hideFooter" /> <AppFooter v-if="!$route.meta.hideFooter" />
</div> </div>
</template> </template>
<style scoped> <style scoped>
html, body { html,
body {
height: 100%; height: 100%;
margin: 0; margin: 0;
padding: 0; padding: 0;
@ -39,4 +47,17 @@ html, body {
.fade-leave-to { .fade-leave-to {
opacity: 0; opacity: 0;
} }
.github-corner {
position: fixed;
bottom: 20px;
right: 20px;
font-size: 2em;
cursor: pointer;
color: var(--text-color);
transition: color 0.3s ease;
}
.github-corner:hover {
color: #409eff;
}
</style> </style>

View File

@ -7,7 +7,7 @@
&copy; 2025 By &copy; 2025 By
<a <a
href="https://github.com/Kisechan" href="https://github.com/Kisechan"
target="_blank" target="_self"
rel="nofollow noopener" rel="nofollow noopener"
><strong>Kisechan</strong></a ><strong>Kisechan</strong></a
> >

View File

@ -24,7 +24,7 @@
<el-card class="blog-card" shadow="hover"> <el-card class="blog-card" shadow="hover">
<div class="blog-header"> <div class="blog-header">
<i class="fa-solid fa-newspaper"></i> <i class="fa-solid fa-newspaper"></i>
<a :href="item.link" target="_blank" class="blog-title">{{ <a :href="item.link" target="_self" class="blog-title">{{
item.title item.title
}}</a> }}</a>
</div> </div>
@ -79,25 +79,25 @@
<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"> <div class="social-icons">
<a href="https://github.com/Kisechan" target="_blank"> <a href="https://github.com/Kisechan" target="_self">
<i class="fab fa-github"></i> <i class="fab fa-github"></i>
</a> </a>
<a href="https://www.zhihu.com/people/ptkise" target="_blank"> <a href="https://www.zhihu.com/people/ptkise" target="_self">
<i class="fab fa-zhihu"></i> <i class="fab fa-zhihu"></i>
</a> </a>
<a href="https://space.bilibili.com/174541536" target="_blank"> <a href="https://space.bilibili.com/174541536" target="_self">
<i class="fab fa-bilibili"></i> <i class="fab fa-bilibili"></i>
</a> </a>
<a href="https://blog.kisechan.space" target="_blank"> <a href="https://blog.kisechan.space" target="_self">
<i class="fa-solid fa-blog"></i> <i class="fa-solid fa-blog"></i>
</a> </a>
<a href="mailto:admin@kisechan.space" target="_blank"> <a href="mailto:admin@kisechan.space" target="_self">
<i class="fa-solid fa-envelope"></i> <i class="fa-solid fa-envelope"></i>
</a> </a>
</div> </div>
<div class="footer-content"> <div class="footer-content">
<p> <p>
<a href="https://icp.gov.moe/?keyword=20251453" target="_blank" <a href="https://icp.gov.moe/?keyword=20251453" target="_self"
>萌ICP备20251453号</a >萌ICP备20251453号</a
> >
</p> </p>
@ -105,7 +105,7 @@
&copy; 2025 By &copy; 2025 By
<a <a
href="https://github.com/Kisechan" href="https://github.com/Kisechan"
target="_blank" target="_self"
rel="nofollow noopener" rel="nofollow noopener"
><strong>Kisechan</strong></a ><strong>Kisechan</strong></a
> >
@ -190,7 +190,7 @@ const formatDate = (dateString) => {
}; };
const goToBlog = () => { const goToBlog = () => {
window.open("https://blog.kisechan.space", "_blank"); window.open("https://blog.kisechan.space", "_self");
}; };
onMounted(() => { onMounted(() => {

View File

@ -97,7 +97,7 @@ export default {
}; };
const openLink = (url) => { const openLink = (url) => {
window.open(url, "_blank"); window.open(url, "_self");
}; };
return { return {

View File

@ -56,7 +56,7 @@
}); });
const openLink = (url) => { const openLink = (url) => {
window.open(url, "_blank"); window.open(url, "_self");
}; };
return { return {