feat: 初始化博客并完成首篇博文和样式调整

This commit is contained in:
2025-08-24 13:53:42 +08:00
parent 1f386abbcc
commit c950606dfb
19 changed files with 412 additions and 79 deletions

View File

@@ -28,78 +28,71 @@ const blogTheme = getThemeConfig({
// mermaid: false
// 页脚
footer: {
// message 字段支持配置为HTML内容配置多条可以配置为数组
// message: '下面 的内容和图标都是可以修改的噢(当然本条内容也是可以隐藏的)',
copyright: 'MIT License | 粥里有勺糖',
// icpRecord: {
// name: '蜀ICP备19011724号',
// link: 'https://beian.miit.gov.cn/'
// },
// securityRecord: {
// name: '公网安备xxxxx',
// link: 'https://www.beian.gov.cn/portal/index.do'
// },
},
// footer: {
// // message 字段支持配置为HTML内容配置多条可以配置为数组
// // message: '下面 的内容和图标都是可以修改的噢(当然本条内容也是可以隐藏的)',
// copyright: 'MIT License | SIMON',
// // icpRecord: {
// // name: '蜀ICP备19011724号',
// // link: 'https://beian.miit.gov.cn/'
// // },
// // securityRecord: {
// // name: '公网安备xxxxx',
// // link: 'https://www.beian.gov.cn/portal/index.do'
// // },
// },
// 主题色修改
themeColor: 'el-blue',
// 文章默认作者
author: '粥里有勺糖',
author: 'SIMON',
// 友链
friend: [
{
nickname: '粥里有勺糖',
des: '你的指尖用于改变世界的力量',
nickname: 'LINUX DO',
des: '真诚、友善、团结、专业,共建你我引以为荣之社区。',
avatar:
'https://img.cdn.sugarat.top/mdImg/MTY3NDk5NTE2NzAzMA==674995167030',
url: 'https://sugarat.top',
},
{
nickname: 'Vitepress',
des: 'Vite & Vue Powered Static Site Generator',
avatar:
'https://vitepress.dev/vitepress-logo-large.webp',
url: 'https://vitepress.dev/',
'https://linux.do/uploads/default/original/4X/c/c/d/ccd8c210609d498cbeb3d5201d4c259348447562.png',
url: 'https://linux.do/',
},
],
// 公告
popover: {
title: '公告',
body: [
{ type: 'text', content: '👇公众号👇---👇 微信 👇' },
{
type: 'image',
src: 'https://img.cdn.sugarat.top/mdImg/MTYxNTAxODc2NTIxMA==615018765210~fmt.webp'
},
{
type: 'text',
content: '欢迎大家加群&私信交流'
},
{
type: 'text',
content: '文章首/文尾有群二维码',
style: 'padding-top:0'
},
{
type: 'button',
content: '作者博客',
link: 'https://sugarat.top'
},
{
type: 'button',
content: '加群交流',
props: {
type: 'success'
},
link: 'https://theme.sugarat.top/group.html',
}
],
duration: 0
},
// popover: {
// title: '公告',
// body: [
// { type: 'text', content: '👇公众号👇---👇 微信 👇' },
// {
// type: 'image',
// src: 'https://img.cdn.sugarat.top/mdImg/MTYxNTAxODc2NTIxMA==615018765210~fmt.webp'
// },
// {
// type: 'text',
// content: '欢迎大家加群&私信交流'
// },
// {
// type: 'text',
// content: '文章首/文尾有群二维码',
// style: 'padding-top:0'
// },
// {
// type: 'button',
// content: '作者博客',
// link: 'https://sugarat.top'
// },
// {
// type: 'button',
// content: '加群交流',
// props: {
// type: 'success'
// },
// link: 'https://theme.sugarat.top/group.html',
// }
// ],
// duration: 0
//},
})
export { blogTheme }

View File

@@ -17,8 +17,8 @@ export default defineConfig({
extends: blogTheme,
// base,
lang: 'zh-cn',
title: '@sugarat/theme',
description: '粥里有勺糖的博客主题,基于 vitepress 实现',
title: 'SIMON BLOG',
description: 'Simon的博客,基于 vitepress 实现',
lastUpdated: true,
// 详见https://vitepress.dev/zh/reference/site-config#head
head: [
@@ -46,12 +46,13 @@ export default defineConfig({
// },
nav: [
{ text: '首页', link: '/' },
{ text: '关于作者', link: 'https://sugarat.top/aboutme.html' }
{ text: '主题仓库', link: 'https://github.com/ATQQ/sugar-blog/tree/master/packages/theme' },
{ text: '关于作者', link: 'https://github.com/handsomezhuzhu' }
],
socialLinks: [
{
icon: 'github',
link: 'https://github.com/ATQQ/sugar-blog/tree/master/packages/theme'
link: 'https://github.com/handsomezhuzhu'
}
]
}

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

View File

@@ -1,7 +1,7 @@
import BlogTheme from '@sugarat/theme'
// 自定义样式重载
// import './style.scss'
import './style.scss'
// 自定义主题色
// import './user-theme.css'

View File

@@ -1,13 +1,18 @@
.VPHome {
// 定义遮罩样式
background: radial-gradient(ellipse,
rgba(var(--bg-gradient-home), 1) 0%,
rgba(var(--bg-gradient-home), 0) 150%);
rgba(var(--bg-gradient-home), 0.53) 0%,
rgba(var(--bg-gradient-home), 0) 2000%);
// 自定义首页背景图
&::before {
// 图片来源https://zhuanlan.zhihu.com/p/54060187
background-image: url(./assets/bg.webp);
background-size: cover;
// 默认是暗色模式的背景
background-image: url(/bg.webp);
}
}
// 亮色模式下切换背景
html:not(.dark) .VPHome::before {
background-image: url(/bgw.jpg);
}