refactor: build site with vitepress

Author: yanglbme

.github/workflows/deploy.yml

@@ -0,0 +1,52 @@
+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: interview.doocs.org
+        env:
+          GITHUB_TOKEN: ${{ secrets.GITHUB_TOKEN }}
+
+  build:
+    runs-on: ubuntu-latest
+    if: github.repository == 'doocs/coding-interview'
+    needs: docs
+    steps:
+      - name: Sync to Gitee
+        uses: wearerequired/git-mirror-action@master
+        env:
+          SSH_PRIVATE_KEY: ${{ secrets.GITEE_RSA_PRIVATE_KEY }}
+        with:
+          source-repo: [email protected]:doocs/coding-interview.git
+          destination-repo: [email protected]:Doocs/coding-interview.git

.github/workflows/sync.yml

@@ -24,3 +24,7 @@ hs_err_pid*
 
 node_modules
 *.json
+
+
+docs/.vitepress/dist
+docs/.vitepress/cache

.gitignore

@@ -0,0 +1,69 @@
+import { defineConfig } from 'vitepress'
+
+// https://vitepress.dev/reference/site-config
+export default defineConfig({
+  title: "coding-interview",
+  description: "互联网公司 IT 技术面试题集",
+  themeConfig: {
+    // https://vitepress.dev/reference/default-theme-config
+    nav: [
+      { text: '首页', link: '/' },
+      { text: '题解', link: '/coding-interview' },
+      { text: '编程之美', link: '/the-beauty-of-programming' },
+      { text: '代码整洁之道', link: '/clean-code' },
+      { text: '阿里巴巴 Java 开发手册', link: '/effective-coding' },
+      { text: '枕边算法书', link: '/algorithm-stories' },
+      { text: 'Effective Java', link: '/effective-java' }
+    ],
+    search: {
+      provider: 'local'
+    },
+    logo: '/favicon-32x32.png',
+    footer: {
+      message: 'Released under the CC-BY-SA-4.0 license.',
+      copyright: `版权所有 © 2018-${new Date().getFullYear()} <a href="https://github.com/doocs">Doocs</a>`
+    },
+    docFooter: {
+      prev: '上一篇',
+      next: '下一篇'
+    },
+    editLink: {
+      pattern: 'https://github.com/doocs/coding-interview/edit/main/docs/:path',
+      text: '在 GitHub 编辑'
+    },
+    sidebar: [
+      {
+        text: '📚 题解',
+        items: [
+          { text: '剑指 Offer', link: '/coding-interview' },
+          { text: '编程之美', link: '/the-beauty-of-programming' }
+        ]
+      },
+      {
+        text: '📝 代码整洁',
+        items: [
+          { text: '代码整洁之道', link: '/clean-code' },
+          { text: '阿里巴巴 Java 开发手册', link: '/effective-coding' }
+        ]
+      },
+      {
+        text: '📖 其他书籍',
+        items: [
+          { text: '枕边算法书', link: '/algorithm-stories' },
+          { text: 'Effective Java', link: '/effective-java' }
+        ]
+      }
+    ],
+
+    socialLinks: [
+      { icon: 'github', link: 'https://github.com/doocs/coding-interview' }
+    ]
+  },
+  head: [
+    ['link', { rel: 'icon', type: 'image/png', href: '/favicon-32x32.png' }],
+  ],
+  cleanUrls: true,
+  sitemap: {
+    hostname: 'https://interview.doocs.org'
+  }
+})

.nojekyll

@@ -0,0 +1,38 @@
+<template>
+  <Layout>
+    <template #doc-footer-before>
+      <div
+        style="
+          margin-top: 40px;
+          padding: 2em 0;
+          text-align: center;
+          border-top: 1px solid #e2e2e2;
+        "
+      >
+        <table style="margin: 0 auto">
+          <tbody>
+            <tr>
+              <td align="center" style="width: 260px">
+                <img
+                  src="https://cdn-doocs.oss-cn-shenzhen.aliyuncs.com/gh/doocs/images/qrcode-for-doocs.png"
+                  style="width: 200px"
+                /><br />
+              </td>
+              <td align="center" style="width: 260px">
+                <img
+                  src="https://cdn-doocs.oss-cn-shenzhen.aliyuncs.com/gh/doocs/images/qrcode-for-yanglbme.png"
+                  style="width: 200px"
+                /><br />
+              </td>
+            </tr>
+          </tbody>
+        </table>
+      </div>
+    </template>
+  </Layout>
+</template>
+
+<script setup>
+import DefaultTheme from 'vitepress/theme';
+const { Layout } = DefaultTheme;
+</script>

CNAME

@@ -0,0 +1,38 @@
+import DefaultTheme from "vitepress/theme";
+import giscusTalk from "vitepress-plugin-comment-with-giscus";
+import { useData, useRoute } from "vitepress";
+import { toRefs } from "vue";
+import Layout from "./Layout.vue";
+
+export default {
+  extends: DefaultTheme,
+  Layout: Layout,
+  enhanceApp(ctx) {
+    DefaultTheme.enhanceApp(ctx);
+  },
+  setup() {
+    const { frontmatter } = toRefs(useData());
+    const route = useRoute();
+
+    giscusTalk(
+      {
+        repo: "doocs/coding-interview",
+        repoId: "MDEwOlJlcG9zaXRvcnkxNTQ5MTMxODI=",
+        mapping: "pathname",
+        category: "Announcements",
+        categoryId: "IC_kwDOCTvJns4CpHBe",
+        inputPosition: "top",
+        lang: "zh-CN",
+        homePageShowComment: true,
+        loading: "lazying",
+        lightTheme: "light",
+        darkTheme: "transparent_dark",
+      },
+      {
+        frontmatter,
+        route,
+      },
+      true
+    );
+  },
+};