chore: add getting-started build and preview step

docs/guide/getting-started.md

@@ -10,6 +10,8 @@
 
 ## Quick Start
 
+### 1. Init project
+
 First, you can use `npm init -y` to init a new project.Then you can install Island with npm, yarn or pnpm:
 
 ```bash
@@ -24,7 +26,7 @@ pnpm add island-ssg
 Then you can create file:
 
 ```bash
-`mkdir docs && echo '# Hello World' > docs/index.md`
+mkdir docs && echo '# Hello World' > docs/index.md
 ```
 
 And then you can add the following scripts in `package.json`:
@@ -40,10 +42,32 @@ And then you can add the following scripts in `package.json`:
 }
 ```
 
+### 2. Start dev server
+
 Serve the documentation site in the local server.
 
 ```bash
 yarn dev
 ```
 
 Island will start a development server at http://localhost:5173.
+
+### 3. Build for production
+
+Build the documentation site for production.
+
+```bash
+yarn build
+```
+
+Island will generate a static site in the `.island/dist` directory.
+
+### 4. Preview locally
+
+Preview the production build locally.
+
+```bash
+yarn preview
+```
+
+Island will start a production server at http://localhost:4173.

src/client/theme-default/layout/Layout/index.tsx

@@ -16,7 +16,6 @@ export const Layout: React.FC = () => {
   } = usePageData();
   // Priority page title > site title > default title
   const title = pageTitle || siteData?.title;
-  const icon = pageIcon || siteData?.icon;
   // Use doc layout by default
   const getContentLayout = () => {
     switch (pageType) {

src/node/plugin-mdx/index.ts

@@ -44,7 +44,7 @@ export async function createMDXOptions(): Promise<Options> {
       [
         rehypePluginShiki,
         {
-          highlighter: await shiki.getHighlighter({ theme: 'github-dark' })
+          highlighter: await shiki.getHighlighter({ theme: 'nord' })
         }
       ],
       rehypePluginPreWrapper