feat: support load base option #13

Author: condorheroblog

packages/vuepress-plugin-export-pdf-v1/src/serverApp.ts

@@ -77,9 +77,14 @@ export const serverApp = async (dir = "docs", commandOptions: CommandOptionsType
 	process.stdout.write("Start to generate current site to PDF ...");
 
 	const { pages, tempPath } = devContext;
+	const hashPages = pages.map(page => ({
+		// or devContext.siteConfig.base
+		path: join(`${devContext.base}${page.path}`),
+		key: page.key,
+	}));
 	try {
 		await generatePdf({
-			pages,
+			pages: hashPages,
 			tempDir: tempPath,
 			port: devContext.devProcess.port,
 			/**

packages/vuepress-plugin-export-pdf-v2/example/vuepress-next/docs/.vuepress/config.ts

@@ -4,7 +4,7 @@ import { head, navbarEn, navbarZh, sidebarEn, sidebarZh, bundler } from "./confi
 
 export default defineUserConfig({
   // set site base to default value
-  base: '/',
+  base: '/docs/',
 
   title: 'vuepress-next',
   lang: 'en-US',

packages/vuepress-plugin-export-pdf-v2/example/vuepress-next/docs/.vuepress/vuepress-pdf.config.ts

@@ -1,12 +1,27 @@
 import { defineUserConfig } from '@condorhero/vuepress-plugin-export-pdf-v2';
-import { defaultTheme, viteBundler } from "vuepress";
+
+const headerTemplate = `<div style="margin-top: -0.4cm; height: 70%; width: 100%; display: flex; justify-content: center; align-items: center; color: lightgray; border-bottom: solid lightgray 1px; font-size: 10px;">
+	<span class="title"></span>
+</div>`;
+
+const footerTemplate = `<div style="margin-bottom: -0.4cm; height: 70%; width: 100%; display: flex; justify-content: flex-start; align-items: center; color: lightgray; border-top: solid lightgray 1px; font-size: 10px;">
+	<span style="margin-left: 15px;" class="url"></span>
+</div>`;
 
 export default defineUserConfig({
-  theme: defaultTheme(),
-  bundler: viteBundler(),
-  outFile: 'vuepress-v2-example.pdf',
-  outDir: "pdf-v2",
-  pdfOptions: {
-    format: "A4",
-  }
+	outFile: 'vuepress-v2-example.pdf',
+	outDir: "pdf-v2",
+	pdfOptions: {
+		format: "A4",
+    displayHeaderFooter: true,
+    headerTemplate,
+    footerTemplate,
+    margin: {
+      bottom: 70,
+      left: 25,
+      right: 25,
+      top: 70,
+    },
+  },
+  urlOrigin: "https://v2.vuepress.vuejs.org/xxxxx",
 })

packages/vuepress-plugin-export-pdf-v2/src/serverApp.ts

@@ -95,9 +95,14 @@ export const serverApp = async (dir = "docs", commandOptions: CommandOptions = {
 	process.stdout.write("Start to generate current site to PDF ...");
 
 	const { pages, options: { temp: tempPath } } = devApp;
+	const hashPages = pages.map(page => ({
+		// join => /docs//zh/
+		path: join(`${devApp.siteData.base}${page.path}`),
+		key: page.key,
+	}));
 	try {
 		await generatePdf({
-			pages,
+			pages: hashPages,
 			tempDir: tempPath,
 			port: devApp.options.port,
 			host: devApp.options.host,