完善:主题配置

This commit is contained in:
2022-07-23 00:01:37 +08:00
parent 76de6a065b
commit 21a3a718f8
8 changed files with 48 additions and 14 deletions

View File

@@ -3,33 +3,34 @@ import { nav } from './nav'
import { sidebar } from './sidebar' import { sidebar } from './sidebar'
export const themeConfig: DefaultTheme.Config = { export const themeConfig: DefaultTheme.Config = {
logo: '/logo.jpg', logo: '/logo.png',
outlineTitle: '目录', // 右侧边栏的大纲标题文本 outlineTitle: '目录', // 右侧边栏的大纲标题文本配置
lastUpdatedText: '最后更新', // 最后更新时间文本, 需配置 lastUpdatedtrue lastUpdatedText: '最后更新', // 最后更新时间文本配置, 需配置lastUpdatedtrue
// 文档页脚文本配置
docFooter: { docFooter: {
prev: '上一', prev: '上一',
next: '下一' next: '下一'
}, },
// 编辑链接 // 编辑链接配置
editLink: { editLink: {
pattern: 'https://github.com/Charles7c/charles7c.github.io/edit/main/repos/:path', pattern: 'https://github.com/Charles7c/charles7c.github.io/edit/main/repos/:path',
text: '在 GitHub 上编辑此页面' text: '不妥之处,敬请雅正'
}, },
// 页脚配置 // 页脚配置
footer: { footer: {
message: `<a href="https://beian.miit.gov.cn/" target="_blank">京ICP备20003712号-2</a>`, // 备案信息 message: `<a href="https://beian.miit.gov.cn/" target="_blank">京ICP备20003712号-2</a>`, // 备案信息
copyright: `Copyright © 2019-${new Date().getFullYear()} Charles7c` // 版权信息 copyright: `Copyright © 2019-${new Date().getFullYear()} Charles7c` // 版权信息
}, },
// 全文搜索 // 全文搜索配置
algolia: { algolia: {
appId: 'DBZ0G9HBUY', appId: 'DBZ0G9HBUY',
apiKey: '00cef480a543003d05d9808110ea5f65', apiKey: '00cef480a543003d05d9808110ea5f65',
indexName: 'charles7c' indexName: 'charles7c'
}, },
// 社交链接 // 导航栏右侧社交链接配置
socialLinks: [ socialLinks: [
{ icon: 'github', link: 'https://github.com/Charles7c/charles7c.github.io' } { icon: 'github', link: 'https://github.com/Charles7c/charles7c.github.io' }
], ],
nav, // 导航栏 nav, // 导航栏配置
sidebar // 侧边栏 sidebar // 侧边栏配置
} }

View File

@@ -3,7 +3,8 @@ import MyLayout from "./components/MyLayout.vue"
import ElementPlus from 'element-plus' import ElementPlus from 'element-plus'
import "element-plus/dist/index.css" import "element-plus/dist/index.css"
import * as ElIcons from '@element-plus/icons-vue' import * as ElIcons from '@element-plus/icons-vue'
import './custom.css' import './styles/vars.css'
import './styles/custom.css'
export default { export default {
...DefaultTheme, ...DefaultTheme,

View File

@@ -0,0 +1,31 @@
/**
* Component: Home
* -------------------------------------------------------------------------- */
:root {
--vp-home-hero-name-color: transparent;
--vp-home-hero-name-background: -webkit-linear-gradient(
120deg,
#42b883 30%,
#41d1ff
);
--vp-home-hero-image-background-image: linear-gradient(
-45deg,
#42b883 50%,
#47caff 50%
);
--vp-home-hero-image-filter: blur(40px);
}
@media (min-width: 640px) {
:root {
--vp-home-hero-image-filter: blur(56px);
}
}
@media (min-width: 960px) {
:root {
--vp-home-hero-image-filter: blur(72px);
}
}

View File

@@ -8,7 +8,9 @@ hero:
name: 查尔斯的知识库 name: 查尔斯的知识库
text: 专注 & 洞察 & 分享 text: 专注 & 洞察 & 分享
tagline: 个人知识库,记录 & 分享个人碎片化、结构化、体系化的知识内容。 tagline: 个人知识库,记录 & 分享个人碎片化、结构化、体系化的知识内容。
#image: /logo.png image:
src: /logo.png
alt: Logo
actions: actions:
- theme: brand - theme: brand
text: Get Started text: Get Started
@@ -31,4 +33,3 @@ features:
title: 乐于分享 title: 乐于分享
details: 关于分享,有形的东西越分越少,无形的东西越分越多。在记录与分享的过程中, 梳理所学, 交流所得, 必有所获。 details: 关于分享,有形的东西越分越少,无形的东西越分越多。在记录与分享的过程中, 梳理所学, 交流所得, 必有所获。
--- ---

Binary file not shown.

Before

Width:  |  Height:  |  Size: 66 KiB

After

Width:  |  Height:  |  Size: 66 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 33 KiB

BIN
repos/public/logo.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 88 KiB