refactor: build site with vitepress

Author: yanglbme

.github/workflows/sync.yml

@@ -1,28 +1,52 @@
-name: Sync
+name: Build and deploy
 
 on:
   push:
     branches: [main]
+  workflow_dispatch:
 
 jobs:
+  docs:
+    runs-on: ubuntu-latest
+
+    steps:
+      - uses: actions/checkout@v4
+        with:
+          fetch-depth: 0
+
+      - name: Setup Node.js
+        uses: actions/setup-node@v4
+        with:
+          node-version: 22
+          cache: npm
+      
+      - name: Setup Pages
+        uses: actions/configure-pages@v4
+
+      - name: Install dependencies
+        run: npm ci
+
+      - name: Build with VitePress
+        run: npm run docs:build
+
+      - name: Deploy to GitHub Pages
+        uses: crazy-max/ghaction-github-pages@v4
+        with:
+          target_branch: gh-pages
+          build_dir: docs/.vitepress/dist
+          fqdn: book.doocs.org
+        env:
+          GITHUB_TOKEN: ${{ secrets.GITHUB_TOKEN }}
+
   build:
     runs-on: ubuntu-latest
     if: github.repository == 'doocs/technical-books'
+    needs: docs
     steps:
-      - uses: actions/checkout@v3
-
       - name: Sync to Gitee
         uses: wearerequired/git-mirror-action@master
         env:
           SSH_PRIVATE_KEY: ${{ secrets.GITEE_RSA_PRIVATE_KEY }}
         with:
           source-repo: git@github.com:doocs/technical-books.git
-          destination-repo: git@gitee.com:Doocs/technical-books.git
-
-      - name: Build Gitee Pages
-        uses: yanglbme/gitee-pages-action@main
-        with:
-          gitee-username: yanglbme
-          gitee-password: ${{ secrets.GITEE_PASSWORD }}
-          gitee-repo: doocs/technical-books
-          branch: main
+          destination-repo: git@gitee.com:Doocs/technical-books.git

.gitignore

@@ -3,4 +3,6 @@
 .vscode
 .temp
 .cache
-/node_modules
+/node_modules
+docs/.vitepress/dist
+docs/.vitepress/cache

CNAME

@@ -0,0 +1,48 @@
+import { defineConfig } from 'vitepress'
+
+// https://vitepress.dev/reference/site-config
+export default defineConfig({
+  title: "Technical Books",
+  description: "值得一看的技术类书籍列表",
+  themeConfig: {
+    // https://vitepress.dev/reference/default-theme-config
+    nav: [
+      { text: '首页', link: '/' },
+    ],
+    search: {
+      provider: 'local'
+    },
+    footer: {
+      message: 'Released under the CC-BY-SA-4.0 license.',
+      copyright: `Copyright © 2018-${new Date().getFullYear()} <a href="https://github.com/doocs">Doocs</a>`
+    },
+    logo: '/favicon-32x32.png',
+    editLink: {
+      pattern: 'https://github.com/doocs/technical-books/edit/main/docs/:path',
+      text: '在 GitHub 编辑'
+    },
+
+    socialLinks: [
+      { icon: 'github', link: 'https://github.com/doocs/technical-books' }
+    ]
+  },
+  head: [
+    ['link', { rel: 'icon', type: 'image/png', href: '/favicon.png' }],
+    [
+      'script',
+      { async: '', src: 'https://www.googletagmanager.com/gtag/js?id=G-FXKXWXY4HF' }
+    ],
+    [
+      'script',
+      {},
+      `window.dataLayer = window.dataLayer || [];
+      function gtag(){dataLayer.push(arguments);}
+      gtag('js', new Date());
+      gtag('config', 'G-FXKXWXY4HF');`
+    ]
+  ],
+  cleanUrls: true,
+  sitemap: {
+    hostname: 'https://book.doocs.org'
+  }
+})

docs/.vitepress/config.mts

@@ -0,0 +1,30 @@
+import DefaultTheme from 'vitepress/theme';
+import giscusTalk from 'vitepress-plugin-comment-with-giscus';
+import { useData, useRoute } from 'vitepress';
+import { toRefs } from "vue";
+
+export default {
+...DefaultTheme,
+enhanceApp(ctx) {
+DefaultTheme.enhanceApp(ctx);
+},
+setup() {
+const { frontmatter } = toRefs(useData());
+const route = useRoute();
+
+        giscusTalk({
+            repo: 'doocs/technical-books',
+            repoId: 'MDEwOlJlcG9zaXRvcnkxNzgwMjQ5NDk=',
+            mapping: 'number',
+            inputPosition: 'top',
+            lang: 'zh-CN',
+            homePageShowComment: true,
+            term: '30',
+            lightTheme: 'light',
+            darkTheme: 'transparent_dark',
+        }, {
+            frontmatter,
+            route
+        }, true);
+    }
+};

docs/.vitepress/theme/index.js

@@ -0,0 +1,37 @@
+---
+# https://vitepress.dev/reference/default-theme-home-page
+layout: home
+
+hero:
+  name: "Technical Books"
+  text: "值得一看的技术类书籍列表"
+  tagline: Doocs 技术社区出品
+  actions:
+    - theme: alt
+      text: GitHub
+      link: https://github.com/doocs
+    - theme: brand
+      text: 进入
+      link: /intro
+
+features:
+  - title: 计算机系统与算法 📚
+    details: 计算机基础知识，涵盖计算机系统原理、算法设计、操作系统、编译原理等方面的经典教材。
+  - title: 计算机网络 🌐
+    details: 深入了解计算机网络基础，包括网络协议、HTTP、TCP/IP、计算机网络的原理与应用。
+  - title: 后端开发 🖥️
+    details: 针对后端开发的技术书籍，涵盖 Java、Python、Go、Node.js 等编程语言与高并发系统设计。
+  - title: 数据库 🗃️
+    details: 讲解数据库底层原理和优化技巧，涵盖 Redis、MySQL、HBase 等数据库技术。
+  - title: 前端开发 💻
+    details: 前端技术书籍，包括 JavaScript 高级编程技巧、设计模式、以及 Three.js 和 Web 开发实战。
+  - title: 架构 🏗️
+    details: 介绍现代系统架构设计的核心原理及实践，适用于互联网公司高并发、高可用性技术架构。
+  - title: 大数据 📊
+    details: 探索大数据领域的技术，包括 Spark、Hadoop、Elasticsearch 等，适用于分布式数据处理与分析。
+  - title: 工具 🛠️
+    details: 提供对开发工具的深入理解和实用技巧，包括 Git、Vim、GitHub 等开发工具的使用。
+  - title: 其他 🔗
+    details: 提供各种免费编程书籍的资源，帮助开发者拓宽知识面。
+---
+