feat: test doc to pdf

Author: Chasen-Zhang

package.json

@@ -20,6 +20,7 @@
     "serve": "docusaurus serve",
     "write-translations": "docusaurus write-translations",
     "write-heading-ids": "docusaurus write-heading-ids",
+    "doc-t-pdf": "npx docs-to-pdf docusaurus --initialDocURLs='https://docs.databend.com/sql' --contentSelector='article' --paginationSelector='a.pagination-nav__link.pagination-nav__link--next'",
     "typecheck": "tsc"
   },
   "dependencies": {
@@ -35,6 +36,7 @@
     "clsx": "^2.0.0",
     "copyforjs": "^1.0.6",
     "databend-logos": "^0.0.16",
+    "docs-to-pdf": "^0.6.2",
     "docusaurus-plugin-devserver": "^1.0.6",
     "docusaurus-plugin-sass": "^0.2.5",
     "prism-react-renderer": "^2.3.0",

src/theme/DocPaginator/index.tsx

@@ -13,6 +13,7 @@ import ArrowRight from "@site/static/icons/arrowright.svg";
 import { evaluateDocs } from "@site/src/api";
 import ThumbsUp from "./ThumbsUp.svg";
 import ThumbsDown from "./ThumbsDown.svg";
+import clsx from "clsx";
 const { TextArea } = Input;
 export default function DocPaginator(props) {
   const { previous, next } = props;
@@ -96,15 +97,27 @@ export default function DocPaginator(props) {
         })}
       >
         {previous ? (
-          <Link className={styles.page} to={previous?.permalink}>
+          <Link
+            className={clsx(
+              styles.page,
+              "pagination-nav__link pagination-nav__link--prev"
+            )}
+            to={previous?.permalink}
+          >
             <ArrowLeft />
             <span>{previous?.title}</span>
           </Link>
         ) : (
           <i></i>
         )}
         {next && (
-          <Link className={styles.page} to={next?.permalink}>
+          <Link
+            className={clsx(
+              styles.page,
+              "pagination-nav__link pagination-nav__link--next"
+            )}
+            to={next?.permalink}
+          >
             <span>{next?.title}</span>
             <ArrowRight />
           </Link>