From 88f876891f854b6123b1be7c2b443abe8eb79eb6 Mon Sep 17 00:00:00 2001
From: Han <1655466387@qq.com>
Date: Wed, 2 Apr 2025 19:01:55 +0800
Subject: [PATCH] =?UTF-8?q?=E5=AE=8C=E5=96=84=E6=96=87=E6=A1=A3=E2=9C=85?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit
---
README.md | 123 +++++++++++++++++++++++++++++++++++++++++++++++++-
src/config.ts | 42 ++++++++++++++++-
2 files changed, 162 insertions(+), 3 deletions(-)
diff --git a/README.md b/README.md
index ba2db47..87fbbc4 100644
--- a/README.md
+++ b/README.md
@@ -15,6 +15,7 @@
- [x] 简洁的响应式设计
- [x] 流畅的动画和页面过渡
- [x] 丝滑的阻尼滚动效果（自定义开启/关闭）
+- [x] 顶部Banner
- [x] 两列布局
- [x] 阅读时间
- [x] 字数统计
@@ -27,6 +28,7 @@
- [x] 赞赏功能
- [x] 评论 - 内置【Twikoo、Waline】
- [x] 本地搜索
+- [x] 公告
- [x] 标签
- [x] 分类
- [x] 归档
@@ -38,6 +40,7 @@
- [x] 推荐文章
- [x] 置顶文章
- [x] 谷歌广告
+- [x] 侧边栏选择性展示
- [x] 内置 404 页面
- [x] Sitemap 支持
- [x] RSS 支持
@@ -167,7 +170,7 @@ export default {
};
```
-## ⚙️ 文章格式
+## 📄 文章格式
```md
---
@@ -232,6 +235,124 @@ comment: false # 关闭页面评论（默认开启）
└── pnpm-lock.yaml => 依赖锁定文件
```
+## ⚙️ 项目配置
+```js
+export default {
+ Title: '韩小韩博客',
+ Site: 'https://www.vvhan.com',
+ Subtitle: '不曾与你分享的时间,我在进步.',
+ Description: '韩小韩博客 专注于前开发与相关技术的实战分享，涵盖Vue框架、Node.js、Serverless等，并涉及Node、Python、Linux、Docker等领域。同时，博客也分享作者的生活、音乐和旅行的热爱。',
+ Author: '.𝙃𝙖𝙣',
+ Motto: '运气是计划之外的东西.',
+ Avatar: 'https://q1.qlogo.cn/g?b=qq&nk=1655466387&s=640',
+ // Cover 网站缩略图
+ Cover: '/assets/images/banner/072c12ec85d2d3b5.webp',
+ // 网站创建时间
+ CreateTime: '2021-09-01',
+ // 首页打字机文案列表
+ TypeWriteList: [
+ '不曾与你分享的时间,我在进步.',
+ "I am making progress in the time I haven't shared with you.",
+ ],
+ // 顶部 Banner 配置
+ HomeBanner: {
+ enable: true,
+ cover: '/assets/images/home-banner.webp'
+ },
+ // 博客主题配置
+ Theme: {
+ // 颜色请用 16 进制颜色码
+ // 主题颜色
+ "--vh-main-color": "#01C4B6",
+ // 字体颜色
+ "--vh-font-color": "#34495e",
+ // 侧边栏宽度
+ "--vh-aside-width": "318px",
+ // 全局圆角
+ "--vh-main-radius": "0.88rem",
+ // 主体内容宽度
+ "--vh-main-max-width": "1458px",
+ },
+ // 导航栏 (新窗口打开 newWindow: true)
+ Navs: [
+ // 仅支持 SVG 且 SVG 需放在 public/assets/images/svg/ 目录下，填入文件名即可（封装了 SVG 组件 为了极致压缩 SVG）
+ // 建议使用 https://tabler.io/icons 直接下载 SVG
+ { text: '朋友', link: '/links', icon: 'Nav_friends' },
+ { text: '圈子', link: '/friends', icon: 'Nav_rss' },
+ { text: '动态', link: '/talking', icon: 'Nav_talking' },
+ { text: '昔日', link: '/archives', icon: 'Nav_archives' },
+ { text: '留言', link: '/message', icon: 'Nav_message' },
+ { text: '关于', link: '/about', icon: 'Nav_about' },
+ { text: 'API', link: 'https://api.vvhan.com/', target: true, icon: 'Nav_link' },
+ ],
+ // 侧边栏个人网站
+ WebSites: [
+ // 仅支持 SVG 且 SVG 需放在 public/assets/images/svg/ 目录下，填入文件名即可（封装了 SVG 组件 为了极致压缩 SVG）
+ // 建议使用 https://tabler.io/icons 直接下载 SVG
+ { text: 'Github', link: 'https://github.com/uxiaohan', icon: 'WebSite_github' },
+ { text: '韩小韩API', link: 'https://api.vvhan.com', icon: 'WebSite_api' },
+ { text: '每日热榜', link: 'https://hot.vvhan.com', icon: 'WebSite_hot' },
+ { text: '骤雨重山图床', link: 'https://wp-cdn.4ce.cn', icon: 'WebSite_img' },
+ { text: 'HanAnalytics', link: 'https://analytics.vvhan.com', icon: 'WebSite_analytics' },
+ ],
+ // 侧边栏展示
+ AsideShow: {
+ // 是否展示个人网站
+ WebSitesShow: true,
+ // 是否展示公告
+ TipsShow: true,
+ // 是否展示数量统计
+ CountShow: true,
+ // 是否展示分类
+ CategoriesShow: true,
+ // 是否展示个人标签
+ TagsShow: true,
+ // 是否展示推荐文章
+ recommendArticleShow: true
+ },
+ // DNS预解析地址
+ DNSOptimization: [
+ 'https://i0.wp.com',
+ 'https://analytics.vvhan.com',
+ 'https://vh-api.4ce.cn',
+ 'https://registry.npmmirror.com',
+ 'https://pagead2.googlesyndication.com'
+ ],
+ // 博客音乐组件解析接口
+ vhMusicApi: 'https://vh-api.4ce.cn/blog/meting',
+ // 评论组件（只允许同时开启一个）
+ Comment: {
+ // Twikoo 评论
+ Twikoo: {
+ enable: false,
+ envId: ''
+ },
+ // Waline 评论
+ Waline: {
+ enable: false,
+ serverURL: ''
+ }
+ },
+ // Han Analytics 统计（https://github.com/uxiaohan/HanAnalytics）
+ HanAnalytics: { enable: true, server: 'https://analytics.vvhan.com', siteId: 'Hello-HanHexoBlog' },
+ // Google 广告
+ GoogleAds: {
+ ad_Client: 'ca-pub-xxxxxxxxxx',
+ // 侧边栏广告(不填不开启)
+ asideAD_Slot: ``,
+ // 文章页广告(不填不开启)
+ articleAD_Slot: ``
+ },
+ // 文章内赞赏码
+ Reward: {
+ // 支付宝收款码
+ AliPay: '/assets/images/alipay.webp',
+ // 微信收款码
+ WeChat: '/assets/images/wechat.webp'
+ }
+}
+```
+
## ✨ 反馈和建议
如果您有任何建议/反馈，您可以通过我的 [电子邮件](mailto:1655466387@qq.com) 联系我。或者，如果您发现错误或想要请求新功能，请随时打开问题。
diff --git a/src/config.ts b/src/config.ts
index b0bc32e..df84bc2 100644
--- a/src/config.ts
+++ b/src/config.ts
@@ -1,6 +1,5 @@
export default {
Title: '韩小韩博客',
- // 访问的域名
Site: 'https://www.vvhan.com',
Subtitle: '不曾与你分享的时间,我在进步.',
Description: '韩小韩博客 专注于前开发与相关技术的实战分享，涵盖Vue框架、Node.js、Serverless等，并涉及Node、Python、Linux、Docker等领域。同时，博客也分享作者的生活、音乐和旅行的热爱。',
@@ -11,6 +10,30 @@ export default {
Cover: '/assets/images/banner/072c12ec85d2d3b5.webp',
// 网站创建时间
CreateTime: '2021-09-01',
+ // 首页打字机文案列表
+ TypeWriteList: [
+ '不曾与你分享的时间,我在进步.',
+ "I am making progress in the time I haven't shared with you.",
+ ],
+ // 顶部 Banner 配置
+ HomeBanner: {
+ enable: true,
+ cover: '/assets/images/home-banner.webp'
+ },
+ // 博客主题配置
+ Theme: {
+ // 颜色请用 16 进制颜色码
+ // 主题颜色
+ "--vh-main-color": "#01C4B6",
+ // 字体颜色
+ "--vh-font-color": "#34495e",
+ // 侧边栏宽度
+ "--vh-aside-width": "318px",
+ // 全局圆角
+ "--vh-main-radius": "0.88rem",
+ // 主体内容宽度
+ "--vh-main-max-width": "1458px",
+ },
// 导航栏 (新窗口打开 newWindow: true)
Navs: [
// 仅支持 SVG 且 SVG 需放在 public/assets/images/svg/ 目录下，填入文件名即可（封装了 SVG 组件 为了极致压缩 SVG）
@@ -33,6 +56,21 @@ export default {
{ text: '骤雨重山图床', link: 'https://wp-cdn.4ce.cn', icon: 'WebSite_img' },
{ text: 'HanAnalytics', link: 'https://analytics.vvhan.com', icon: 'WebSite_analytics' },
],
+ // 侧边栏展示
+ AsideShow: {
+ // 是否展示个人网站
+ WebSitesShow: true,
+ // 是否展示公告
+ TipsShow: true,
+ // 是否展示数量统计
+ CountShow: true,
+ // 是否展示分类
+ CategoriesShow: true,
+ // 是否展示个人标签
+ TagsShow: true,
+ // 是否展示推荐文章
+ recommendArticleShow: true
+ },
// DNS预解析地址
DNSOptimization: [
'https://i0.wp.com',
@@ -42,7 +80,7 @@ export default {
'https://pagead2.googlesyndication.com'
],
// 博客音乐组件解析接口
- vhMusicApi: 'https://meting-dd.2333332.xyz/api',
+ vhMusicApi: 'https://vh-api.4ce.cn/blog/meting',
// 评论组件（只允许同时开启一个）
Comment: {
// Twikoo 评论