feat(theme/ci): 增加更改历史功能，修复页面元素，修复语言'从cn替换到zh-CN' (#67)

build(deps): bump sass from 1.77.4 to 1.77.5 (#68)

Bumps [sass](https://github.com/sass/dart-sass) from 1.77.4 to 1.77.5.
- [Release notes](https://github.com/sass/dart-sass/releases)
- [Changelog](https://github.com/sass/dart-sass/blob/main/CHANGELOG.md)
- [Commits](sass/dart-sass@1.77.4...1.77.5)

---
updated-dependencies:
- dependency-name: sass
  dependency-type: direct:production
  update-type: version-update:semver-patch
...

Signed-off-by: dependabot[bot] <[email protected]>
Co-authored-by: dependabot[bot] <49699333+dependabot[bot]@users.noreply.github.com>

Author: Theo-Messi

.github/workflows/Build-Docs.yaml

@@ -0,0 +1,16 @@
+name: Build Docs
+
+on:
+  push:
+    branches:
+      - 'main'
+
+jobs:
+  build:
+    name: Build
+    runs-on: ubuntu-latest
+    steps:
+      - name: 拉取代码
+        uses: actions/checkout@v4
+        with:
+          fetch-depth: 0

.gitignore

@@ -12,4 +12,5 @@ TODOs.md
 pnpm-global
 docs/.vitepress/cache
 package-lock.json
-cache
+cache
+.vercel

.prettierignore

@@ -4,5 +4,4 @@ cache
 template
 temp
 !CHANGELOG.md
-.temp
-玄学宝典
+.temp

.prettierrc.yml

@@ -1,4 +1,4 @@
 semi: false
 singleQuote: true
-printWidth: 120
+printWidth: 80
 trailingComma: none

.vitepress/config.mts

@@ -1,34 +1,37 @@
 import { defineConfig } from 'vitepress'
 import { nav, sidebar, head, socialLinks } from './configs'
 import footnote_plugin from 'markdown-it-footnote'
+import {
+  GitChangelog,
+  GitChangelogMarkdownSection
+} from '@nolebase/vitepress-plugin-git-changelog/vite'
 
 export default defineConfig({
   // 站点名称
   title: '玄学宝典',
 
   // 站点语言
-  lang: 'cn',
+  lang: 'zh-CN',
 
   // 网站头部
   head,
 
   // 站点介绍
-  description: '',
+  description: '玄学宝典 - 中华传统五术书籍(山医命相卜)/传世经典著作',
 
-  // 上次更新时间戳
-  lastUpdated: true,
-
-  // 开启后网址后缀无'html'
-  cleanUrls: true,
+  //'force-dark'强制开启深色模式 false强制开启浅色模式
+  appearance: 'force-dark',
 
-  // 源目录
-  srcDir: 'src',
+  // 站点地图
+  sitemap: {
+    hostname: 'https://xx.theovan.cn'
+  },
 
   // markdown-it插件配置
   markdown: {
     theme: {
-      light: 'github-light',
-      dark: 'github-dark-dimmed'
+      light: 'catppuccin-latte',
+      dark: 'dracula-soft'
     },
     container: {
       tipLabel: '提示',
@@ -42,18 +45,30 @@ export default defineConfig({
     }
   },
 
-  //'force-dark'强制开启深色模式 false强制开启浅色模式
-  appearance: 'force-dark',
-
-  // 站点地图
-  sitemap: {
-    hostname: 'https://xx.theovan.cn'
+  // 插件配置
+  vite: {
+    plugins: [
+      GitChangelog({
+        // 填写在此处填写您的仓库链接
+        repoURL: () => 'https://github.com/Theo-messi/Metaphysical-Book'
+      }),
+      GitChangelogMarkdownSection()
+    ]
   },
 
+  // 源目录
+  srcDir: 'src',
+
+  // 上次更新时间戳
+  lastUpdated: true,
+
+  // 开启后网址后缀无'html'
+  cleanUrls: true,
+
   // 主题配置
   themeConfig: {
     // // logo
-    logo: 'https://m.theovan.cn/avatar.png',
+    logo: { src: 'https://m.theovan.cn/avatar.png', width: 24, height: 24 },
 
     // 社交链接
     socialLinks,
@@ -63,7 +78,8 @@ export default defineConfig({
 
     // GitHub编辑页面
     editLink: {
-      pattern: 'https://github.com/Theo-messi/Metaphysical-Book/blob/main/src/:path',
+      pattern:
+        'https://github.com/Theo-messi/Metaphysical-Book/blob/main/src/:path',
       text: '为此页提供修改建议'
     },
 
@@ -72,23 +88,37 @@ export default defineConfig({
     outlineTitle: '本页目录', // 目录文本
 
     // 上次更新
-    lastUpdated: { text: '上次更新' },
+    lastUpdated: {
+      text: '最后更新于',
+      formatOptions: {
+        dateStyle: 'full',
+        timeStyle: 'full',
+        hourCycle: 'h24'
+      }
+    },
 
     // 文章翻页
     docFooter: {
       prev: '上一篇',
       next: '下一篇'
     },
 
-    // 移动端 - 外观
-    darkModeSwitchLabel: '外观',
-
     // 移动端 - 返回顶部
     returnToTopLabel: '返回顶部',
 
     // 移动端 - menu
     sidebarMenuLabel: '文章',
 
+    // 主题模式切换
+    lightModeSwitchTitle: '切换到浅色模式',
+    darkModeSwitchTitle: '切换到深色模式',
+    darkModeSwitchLabel: '主题模式',
+
+    // markdown 外部链接图标
+    externalLinkIcon: true,
+    // 语言切换
+    langMenuLabel: '切换语言',
+
     // 导航栏
     nav,
 

.vitepress/configs/head.ts

@@ -10,7 +10,7 @@ export const head: HeadConfig[] = [
   // 设置OG类型
   ['meta', { name: 'og:type', content: 'website' }],
   // 设置OG语言
-  ['meta', { name: 'og:locale', content: 'cn' }],
+  ['meta', { name: 'og:locale', content: 'zh-CN' }],
   // 设置OG站点名称
   ['meta', { name: 'og:site_name', content: '玄学宝典' }],
   // 设置OG图片

.vitepress/theme/components/pendant.vue

@@ -20,7 +20,7 @@ const asideSponsors = computed(() => {
     //     url: sponsor.href,
     //     img: sponsor.imgSrcLight
     //   }))
-    // }
+    // },
     // {
     //   size: 'xmini',
     //   items: sponsors.bronze.map((sponsor: Sponsor) => ({
@@ -35,15 +35,23 @@ const asideSponsors = computed(() => {
 
 <template>
   <VPDocAsideSponsors :data="asideSponsors" />
-
-  <a class="banner mp" href="https://github.com/sponsors/Theo-messi" target="_blank">
-    <img width="22" height="22" src="https://theovan.xyz/爱心.png" />
+  <a
+    class="banner mp"
+    href="https://fbinv01.fbaff.cc/auth/register?code=RZP3"
+    target="_blank"
+  >
+    <!-- <img
+      width="22"
+      height="22"
+      src="https://flyingbirdlimo.com/wp-content/uploads/2022/03/Flying-Bird-Logo-cropped.png"
+    /> -->
     <span>
-      <!-- <p class="extra-info">Sponsor for me</p> -->
-      <p class="heading">为我赞助</p>
-      <!-- <p class="extra-info">Sponsor now!</p> -->
+      <p class="Activity">FlyingBird 618活动来了</p>
+      <p class="extra">月付 85折 优惠码：2461885</p>
+      <p class="extra">年付 64折 优惠码：2461880</p>
     </span>
   </a>
+
   <a class="banner mp" href="https://theovan.cn/" target="_blank">
     <img width="22" height="22" src="https://m.theovan.cn/avatar.png" />
     <span>
@@ -53,21 +61,45 @@ const asideSponsors = computed(() => {
     </span>
   </a>
   <a class="banner mp" href="https://share.theovan.cn/" target="_blank">
-    <img width="22" height="22" src="https://m.theovan.cn/docs/202405101119004.png" />
+    <img
+      width="22"
+      height="22"
+      src="https://m.theovan.cn/docs/202405101119004.png"
+    />
     <span>
       <p class="extra-info">快速获取热门影视资源</p>
       <p class="heading">阿里云盘资源分享</p>
       <p class="extra-info">转存观看!</p>
     </span>
   </a>
-  <a class="banner mp" href="https://theovan.xyz/serve/sharing/Account-sharing-guide" target="_blank">
-    <img width="22" height="22" src="https://cdn.iconscout.com/icon/free/png-256/free-netflix-2296042-1912001.png" />
+  <a
+    class="banner mp"
+    href="https://theovan.xyz/serve/sharing/Account-sharing-guide"
+    target="_blank"
+  >
+    <img
+      width="22"
+      height="22"
+      src="https://cdn.iconscout.com/icon/free/png-256/free-netflix-2296042-1912001.png"
+    />
     <span>
       <p class="extra-info">流媒体账号合租</p>
       <p class="heading">流媒体帐号合租</p>
       <p class="extra-info">转存观看!</p>
     </span>
   </a>
+  <a
+    class="banner mp"
+    href="https://github.com/sponsors/Theo-messi"
+    target="_blank"
+  >
+    <img width="22" height="22" src="https://theovan.cn/爱心.png" />
+    <span>
+      <!-- <p class="extra-info">Sponsor for me</p> -->
+      <p class="heading">为我赞助</p>
+      <!-- <p class="extra-info">Sponsor now!</p> -->
+    </span>
+  </a>
 </template>
 
 <style scoped>
@@ -105,8 +137,8 @@ const asideSponsors = computed(() => {
   justify-content: center;
   width: 100%;
   gap: 1rem;
-  background-color: var(--vp-c-bg-alt);
-  border: 2px solid var(--vp-c-bg-alt);
+  background-color: var(--vp-c-bg-soft);
+  border: 2px solid var(--vp-c-bg-soft);
   transition: border-color 0.5s;
 }
 
@@ -138,18 +170,50 @@ const asideSponsors = computed(() => {
   transition: opacity 0.5s;
 }
 
+.banner .extra {
+  color: var(--vp-c-text-3);
+  /* opacity: 0; */
+  font-size: 0.7rem;
+  padding-left: 0.1rem;
+  /* transition: opacity 0.5s; */
+}
+
 .banner .heading {
-  background-image: linear-gradient(120deg, var(--vp-c-brand-3) 32%, var(--vp-c-brand-2), var(--vp-c-brand-1));
+  background-image: linear-gradient(
+    120deg,
+    var(--vp-c-brand-3) 32%,
+    var(--vp-c-brand-2),
+    var(--vp-c-brand-1)
+  );
+  background-clip: text;
+  -webkit-background-clip: text;
+  -webkit-text-fill-color: transparent;
+}
+.banner .Activity {
+  background-image: linear-gradient(120deg, #b047ff 16%, #646cff, #747bff);
   background-clip: text;
   -webkit-background-clip: text;
   -webkit-text-fill-color: transparent;
 }
 
 .banner.mp .heading {
-  background-image: linear-gradient(120deg, var(--vp-c-brand-3) 32%, var(--vp-c-brand-2), var(--vp-c-brand-1));
+  background-image: linear-gradient(
+    120deg,
+    var(--vp-c-brand-3) 32%,
+    var(--vp-c-brand-2),
+    var(--vp-c-brand-1)
+  );
+}
+
+.banner.mp .Activity {
+  background-image: linear-gradient(120deg, #b047ff 16%, #646cff, #747bff);
 }
 
 .banner:hover .extra-info {
   opacity: 0.9;
 }
+
+.banner:hover .extra {
+  opacity: 0.9;
+}
 </style>

.vitepress/theme/index.ts

@@ -4,8 +4,10 @@ import { inject } from '@vercel/analytics'
 import googleAnalytics from 'vitepress-plugin-google-analytics'
 import { h } from 'vue'
 import AsideSponsors from './components/pendant.vue'
+import { NolebaseGitChangelogPlugin } from '@nolebase/vitepress-plugin-git-changelog/client'
 
 import './styles/index.css'
+import '@nolebase/vitepress-plugin-git-changelog/client/style.css'
 inject()
 
 // 导出默认主题
@@ -16,7 +18,28 @@ export default {
       'aside-ads-before': () => h(AsideSponsors)
     })
   },
-  enhanceApp: (ctx) => {
-    googleAnalytics({ id: 'G-5SHLV23EGQ' })
+  enhanceApp: ({ app }, ctx) => {
+    googleAnalytics({ id: 'G-5SHLV23EGQ' }),
+      app.use(NolebaseGitChangelogPlugin, {
+        mapAuthors: [
+          {
+            name: 'Theo',
+            username: 'Theo-messi',
+            mapByNameAliases: ['Theo', 'vanhiupun'],
+            mapByEmailAliases: [
+              '[email protected]',
+              '[email protected]',
+              '[email protected]'
+            ]
+          },
+          {
+            name: 'dependabot',
+            username: 'dependabot',
+            mapByEmailAliases: [
+              '49699333+dependabot[bot]@users.noreply.github.com'
+            ]
+          }
+        ]
+      })
   }
 }