docs: add notes for sitemap + base

closes #3863

docs/guide/sitemap-generation.md

@@ -3,13 +3,11 @@
 VitePress comes with out-of-the-box support for generating a `sitemap.xml` file for your site. To enable it, add the following to your `.vitepress/config.js`:
 
 ```ts
-import { defineConfig } from 'vitepress'
-
-export default defineConfig({
+export default {
   sitemap: {
     hostname: 'https://example.com'
   }
-})
+}
 ```
 
 To have `<lastmod>` tags in your `sitemap.xml`, you can enable the [`lastUpdated`](../reference/default-theme-last-updated) option.
@@ -19,14 +17,23 @@ To have `<lastmod>` tags in your `sitemap.xml`, you can enable the [`lastUpdated
 Sitemap support is powered by the [`sitemap`](https://www.npmjs.com/package/sitemap) module. You can pass any options supported by it to the `sitemap` option in your config file. These will be passed directly to the `SitemapStream` constructor. Refer to the [`sitemap` documentation](https://www.npmjs.com/package/sitemap#options-you-can-pass) for more details. Example:
 
 ```ts
-import { defineConfig } from 'vitepress'
-
-export default defineConfig({
+export default {
   sitemap: {
     hostname: 'https://example.com',
     lastmodDateOnly: false
   }
-})
+}
+```
+
+If you're using `base` in your config, you should append it to the `hostname` option:
+
+```ts
+export default {
+  base: '/my-site/',
+  sitemap: {
+    hostname: 'https://example.com/my-site/'
+  }
+}
 ```
 
 ## `transformItems` Hook
@@ -34,9 +41,7 @@ export default defineConfig({
 You can use the `sitemap.transformItems` hook to modify the sitemap items before they are written to the `sitemap.xml` file. This hook is called with an array of sitemap items and expects an array of sitemap items to be returned. Example:
 
 ```ts
-import { defineConfig } from 'vitepress'
-
-export default defineConfig({
+export default {
   sitemap: {
     hostname: 'https://example.com',
     transformItems: (items) => {
@@ -49,5 +54,5 @@ export default defineConfig({
       return items
     }
   }
-})
+}
 ```