update docs

Author: wu-clan

docs/.vuepress/config.ts

@@ -1,20 +1,20 @@
-import {myNavbar} from "./navbar";
-import {mySidebar} from "./sidebar";
-import {defineUserConfig} from "vuepress";
+import { myNavbar } from "./navbar";
+import { mySidebar } from "./sidebar";
+import { defineUserConfig } from "vuepress";
 import plumeTheme from "vuepress-theme-plume";
-import {viteBundler} from '@vuepress/bundler-vite'
-import {myBulletin} from "./bulletin";
-import {baiduAnalyticsPlugin} from "@vuepress/plugin-baidu-analytics";
-import {googleAnalyticsPlugin} from "@vuepress/plugin-google-analytics";
-import {umamiAnalyticsPlugin} from "@vuepress/plugin-umami-analytics";
+import { viteBundler } from '@vuepress/bundler-vite'
+import { myBulletin } from "./bulletin";
+import { baiduAnalyticsPlugin } from "@vuepress/plugin-baidu-analytics";
+import { googleAnalyticsPlugin } from "@vuepress/plugin-google-analytics";
+import { umamiAnalyticsPlugin } from "@vuepress/plugin-umami-analytics";
 
 
 export default defineUserConfig({
     base: '/fastapi_best_architecture_docs/',
     lang: 'zh-CN',
     title: 'FastAPI Best Architecture',
     head: [
-        ['link', {rel: 'icon', href: 'https://wu-clan.github.io/picx-images-hosting/logo/fba.svg'}],
+        ['link', { rel: 'icon', href: 'https://wu-clan.github.io/picx-images-hosting/logo/fba.svg' }],
     ],
     plugins: [
         baiduAnalyticsPlugin({
@@ -45,15 +45,15 @@ export default defineUserConfig({
             createTime: false,
         },
         social: [
-            {icon: 'github', link: 'https://github.com/fastapi-practices/fastapi_best_architecture'},
+            { icon: 'github', link: 'https://github.com/fastapi-practices/fastapi_best_architecture' },
             {
                 icon: {
                     svg: `<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M11.984 0A12 12 0 0 0 0 12a12 12 0 0 0 12 12a12 12 0 0 0 12-12A12 12 0 0 0 12 0zm6.09 5.333c.328 0 .593.266.592.593v1.482a.594.594 0 0 1-.593.592H9.777c-.982 0-1.778.796-1.778 1.778v5.63c0 .327.266.592.593.592h5.63c.982 0 1.778-.796 1.778-1.778v-.296a.593.593 0 0 0-.592-.593h-4.15a.59.59 0 0 1-.592-.592v-1.482a.593.593 0 0 1 .593-.592h6.815c.327 0 .593.265.593.592v3.408a4 4 0 0 1-4 4H5.926a.593.593 0 0 1-.593-.593V9.778a4.444 4.444 0 0 1 4.445-4.444h8.296Z"/></svg>`,
                     name: 'gitee'
                 },
                 link: 'https://gitee.com/wu_clan/fastapi_best_architecture'
             },
-            {icon: 'discord', link: 'https://discord.com/invite/yNN3wTbVAC'}
+            { icon: 'discord', link: 'https://discord.com/invite/yNN3wTbVAC' }
         ],
         navbarSocialInclude: ['github', 'gitee', 'discord'],
         editLinkText: '编辑此页面',
@@ -67,7 +67,7 @@ export default defineUserConfig({
         footer: {
             copyright: 'Copyright © 2024-present FastAPI Practices'
         },
-        // watermark: false,
+        //watermark: true,
         markdown: {
             abbr: true,
             annotation: true,

docs/.vuepress/styles/custom.css

@@ -1,26 +1,55 @@
 :root {
-    /*--vp-bulletin-width: 385px; !* 公告宽度 *!*/
-    --vp-c-brand-1: rgba(0, 148, 133, 1); /* 链接颜色、强调色 */
-    --vp-c-brand-2: rgba(0, 148, 133, 1); /* 链接、按钮 hover 颜色 */
-    --vp-c-brand-3: rgba(0, 148, 133, 1); /* 背景色、边框色 */
+    /* 公告宽度 */
+    /*--vp-bulletin-width: 385px;*/
+    /* 链接颜色、强调色 */
+    --vp-c-brand-1: rgba(0, 148, 133, 1);
+    /* 链接、按钮 hover 颜色 */
+    --vp-c-brand-2: rgba(0, 148, 133, 1);
+    /* 背景色、边框色 */
+    --vp-c-brand-3: rgba(0, 148, 133, 1);
+    /* 主页 logo 背景色 */
+    --vp-home-hero-name-color: transparent;
+    --vp-home-hero-name-background: linear-gradient(120deg, var(--vp-c-purple-1) 30%, var(--vp-c-brand-2));
+    --vp-home-hero-tagline: var(--vp-c-text-2);
+    --vp-home-hero-text: var(--vp-c-text-1);
+    --vp-home-hero-image-background-image: linear-gradient(-45deg, var(--vp-c-brand-soft), var(--vp-c-brand-2));
+    --vp-home-hero-image-filter: blur(44px);
+
 }
 
 [data-theme="dark"] {
-    --vp-c-brand-1: rgba(0, 148, 133, 1); /* 链接颜色、强调色 */
-    --vp-c-brand-2: rgba(0, 148, 133, 1); /* 链接、按钮 hover 颜色 */
-    --vp-c-brand-3: rgba(0, 148, 133, 1); /* 背景色、边框色 */
+    /* 链接颜色、强调色 */
+    --vp-c-brand-1: rgba(0, 148, 133, 1);
+    /* 链接、按钮 hover 颜色 */
+    --vp-c-brand-2: rgba(0, 148, 133, 1);
+    /* 背景色、边框色 */
+    --vp-c-brand-3: rgba(0, 148, 133, 1);
+}
+
+/* 文档式首页 name */
+.vp-home-doc-hero .container .main .heading .name {
+    font-size: 48px !important;
+}
+
+
+/* 文档式首页 text */
+.vp-home-doc-hero .container .main .heading .text {
+    font-size: 48px !important;
 }
 
 .vp-repo-card,
 .vp-link-card,
 .vp-card-wrapper {
-    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.27), 0 1px 2px rgba(255, 255, 255, 0.22) !important /* 卡片阴影效果 */
+    /* 卡片阴影效果 */
+    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.27), 0 1px 2px rgba(255, 255, 255, 0.22) !important;
 }
 
-.vp-swiper .swiper-slide-img { /* 轮播图图片拉伸效果 */
+.vp-swiper .swiper-slide-img {
+    /* 轮播图图片拉伸效果 */
     object-fit: fill;
 }
 
 .swiper-slide-custom-container {
-    border: 1px solid rgb(177 177 177 / 66%) !important; /* 轮播图边框 */
-}
+    /* 轮播图边框 */
+    border: 1px solid rgb(177 177 177 / 66%) !important;
+}

docs/README.md

@@ -2,13 +2,12 @@
 home: true
 watermark: false
 config:
-  - type: hero
-    full: true
-    background: tint-plate
+  - type: doc-hero
     hero:
       name: FastAPI Best Architecture
-      tagline: 企业级后端架构解决方案
-      text: 基于 FastAPI 框架，前后端分离，遵循「伪三层架构」设计，支持 Python 3.10+ 版本
+      tagline: 基于 FastAPI 框架，前后端分离，遵循「伪三层架构」设计，支持 Python 3.10+ 版本
+      text: 企业级后端架构解决方案
+      image: https://wu-clan.github.io/picx-images-hosting/logo/fba.png
       actions:
         - theme: brand
           text: 快速开始 ->
@@ -49,10 +48,6 @@ config:
         icon: 🐳
         details: 提供 Docker compose 一键部署方案
   - type: custom
-  - type: profile
-    name: wu-clan
-    description: 一个喜欢在夜深人静时进行开源创作的 coder
-    avatar: https://avatars.githubusercontent.com/u/52145145?v=4
 ---
 
 <script setup lang="ts">