sendevia/website
1
0
Fork 0
mirror of https://github.com/sendevia/website.git synced 2026-03-07 16:22:34 +08:00
Code Activity

优化默认布局并重命名

Browse Source
This commit is contained in:
sendevia
2025-09-22 22:15:35 +08:00
parent b7782cc973
commit 517f38e3b2
4 changed files with 30 additions and 48 deletions
Download Patch File Download Diff File Expand all files Collapse all files

15
.vitepress/config.mts
View File

@@ -1,15 +0,0 @@
import { defineConfig } from "vitepress";
// https://vitepress.dev/reference/site-config
export default defineConfig({
title: "sendevia 的小站",
titleTemplate: ":title - sendevia.page.vitpress",
description: "A VitePress Site",
lang: "zh_CN",
cleanUrls: true,
markdown: {
image: {
lazyLoading: true,
},
},
});

31
.vitepress/theme/Layout.vue
View File

@@ -1,31 +0,0 @@
<script setup lang="ts">
import { useData } from "vitepress";
import Sidebar from "./components/Sidebar.vue";
const { site, page, frontmatter } = useData();
</script>
<template>
<div id="main-layout" spec="feed">
<Sidebar />
<div id="main-layout-content-flow">
<div id="main-layout-content-filler">
<div v-if="frontmatter.home">
<h1>{{ site.title }}</h1>
<p>{{ site.description }}</p>
<ul>
<li><a href="/markdown-examples.html">Markdown Examples</a></li>
<li><a href="/api-examples.html">API Examples</a></li>
</ul>
</div>
<div v-else-if="page.isNotFound">
<a href="/">Home</a>
<p>404!</p>
</div>
<div v-else>
<a href="/">Home</a>
<Content />
</div>
</div>
</div>
</div>
</template>

3
.vitepress/theme/index.ts
View File

@@ -1,5 +1,4 @@
// https://vitepress.dev/guide/custom-theme
import Layout from "./Layout.vue";
import Layout from "./layouts/Default.vue";
import type { Theme } from "vitepress";
import "./styles/main.scss";

29
.vitepress/theme/layouts/Default.vue Normal file
View File

@@ -0,0 +1,29 @@
<script setup lang="ts">
import { useGlobalData } from "../composables/useGlobalData";
import AllPostsLayout from "./AllPosts.vue";
import ArticleLayout from "./Article.vue";
import Footer from "../components/Footer.vue";
import NotFoundLayout from "./NotFound.vue";
import SearchPostsLayout from "./SearchPosts.vue";
import Sidebar from "../components/Sidebar.vue";
const { site, page, frontmatter } = useGlobalData();
</script>
<template>
<div id="main-layout" spec="feed">
<Sidebar />
<div id="main-layout-content-flow">
<div id="main-layout-content-filler">
<div v-if="frontmatter.home">
<h1>{{ site.title }}</h1>
<p>{{ site.description }}</p>
</div>
<NotFoundLayout v-else-if="page.isNotFound" />
<AllPostsLayout v-else-if="frontmatter.layout === 'posts'" />
<SearchPostsLayout v-else-if="frontmatter.layout === 'search'" />
<ArticleLayout v-else />
</div>
<Footer />
</div>
</div>
</template>