fix: broken MDS guide links and liquid macro

Author: dynamsoft-h

_config.yml

@@ -10,7 +10,7 @@ codegallery: /mobile-document-scanner/docs/web/codegallery/
 code-gallery: /mobile-document-scanner/docs/web/code-gallery/
 api: /mobile-document-scanner/docs/web/api/
 
-guides: /mobile-document-scanner/docs/web/guides/
+guide: /mobile-document-scanner/docs/web/guide/
 
 release-notes: /mobile-document-scanner/docs/web/release-notes/
 

api/document-scanner.md

@@ -425,7 +425,7 @@ interface UtilizedTemplateNames {
 
 ### `EngineResourcePaths`
 
-Paths to extra resources such as `.wasm` engine files. The default paths point to CDNs and so may be left unset. You may set custom paths for the purpose of [self-hosting resources]({{ site.guides }}mobile-web-capture-customization.html#self-hosting-resource-files).
+Paths to extra resources such as `.wasm` engine files. The default paths point to CDNs and so may be left unset. You may set custom paths for the purpose of [self-hosting resources]({{ site.code-gallery }}mobile-web-capture/customization-guide.html#self-hosting-resource-files).
 
 #### Syntax
 

code-gallery/mobile-web-capture/customization-guide.md

@@ -11,7 +11,7 @@ description: Mobile Document Scanner JS Edition User Guide
 # How to Customize Mobile Web Capture
 
 > [!TIP]
-> Prerequisites: read the [MWC Getting Started Guide]({{ site.guides }}mobile-web-capture.html) before proceeding.
+> Prerequisites: read the [MWC Getting Started Guide]({{ site.guide }}mobile-web-capture/index.html) before proceeding.
 
 This guide expands on the **Hello World** sample from the **MWC Getting Started Guide** and explores the available customization options.
 
@@ -51,7 +51,7 @@ Keep TOC only for npm /github as readme
    4. `onUploadSuccess`: Specifies a function that is triggered when the upload operation succeeds.
 4. `showLibraryView`: Configures where or not this **MWC** instance starts with the `LibraryView`.
 5. `onClose`: Specifies a function that is triggered when the user closes this **MWC** instance.
-6. `documentScannerConfig`: Configures the behavior of the built-in `DocumentScanner` instance. See the details in [`DocumentScannerConfig`]({{ site.guides }}document-scanner.html#documentscannerconfig-overview).
+6. `documentScannerConfig`: Configures the behavior of the built-in `DocumentScanner` instance. See the details in [`DocumentScannerConfig`]({{ site.guide }}document-scanner.html#documentscannerconfig-overview).
 7. `libraryViewConfig`: Configures the library view with the following properties:
    1. `emptyContentConfig`: Specifies the content displayed in the library view when it is empty (no document).
    2. `toolbarButtonsConfig`: Configures the buttons in the toolbar of the library view.

code-gallery/mobile-web-capture/index.md

@@ -21,7 +21,7 @@ description: Mobile Document Scanner JS Edition User Guide
 This guide walks you through building a web application that scans multi-page documents using **MWC**, with **pre-defined configurations**.
 
 > [!TIP]
-> If you are looking for a solution that scans single-page documents, please read [Mobile Document Scanner User Guide]({{ site.guides }}index.html) instead.
+> If you are looking for a solution that scans single-page documents, please read [Mobile Document Scanner User Guide]({{ site.guide }}index.html) instead.
 
 <!--
 Keep TOC only for npm /github as readme
@@ -186,7 +186,7 @@ Alternatively, the script can be referenced from a CDN:
 **MWC** wraps all its dependency scripts, so a **MWC** project only needs to include **MWC** itself as a single script. No additional dependency scripts are required.
 
 > [!IMPORTANT]
-> Even if you reference the script locally, supporting resources like `.wasm` engine files are still loaded from the CDN at runtime. If you require a **fully offline setup**, follow the instructions in [Self-Hosting Resource File]({{ site.guides }}mobile-web-capture-customization.html#self-hosting-resource-files).
+> Even if you reference the script locally, supporting resources like `.wasm` engine files are still loaded from the CDN at runtime. If you require a **fully offline setup**, follow the instructions in [Self-Hosting Resource File]({{ site.guide }}mobile-web-capture/customization-guide.html#self-hosting-resource-files).
 
 ### Instantiate MWC
 
@@ -199,7 +199,7 @@ const mobileWebCapture = new Dynamsoft.MobileWebCapture({
 
 API Reference: [`MobileWebCapture()`](https://www.dynamsoft.com/mobile-web-capture/docs/api/mobile-web-capture.html#mobilewebcapture)
 
-This step creates the **MWC** UI, which, when launched, occupies the entire visible area of the browser window by default. If needed, you can specify a container to restrict the UI's size. For more details, refer to [Specify the UI Container]({{ site.guides }}mobile-web-capture-customization.html#example-1-specify-the-ui-container).
+This step creates the **MWC** UI, which, when launched, occupies the entire visible area of the browser window by default. If needed, you can specify a container to restrict the UI's size. For more details, refer to [Specify the UI Container]({{ site.code-gallery }}mobile-web-capture/customization-guide.html#example-1-specify-the-ui-container).
 
 > [!WARNING]
 > A **license key** is required for the instantiation.
@@ -234,7 +234,7 @@ The user can:
 5. **Manage** → **Share** : Share individual pages as images (**.PNG**).
    - **Download** is enabled where **Share** is not supported (e.g., in Firefox).
 
-The user can also enable the **"Upload"** feature. Check out [Enable File Upload]({{ site.guides }}mobile-web-capture-customization.html#enable-file-upload)
+The user can also enable the **"Upload"** feature. Check out [Enable File Upload]({{ site.code-gallery }}mobile-web-capture/customization-guide.html#enable-file-upload)
 
 #### The PageView
 When the user presses an image, the `PageView` is launched for that page, where the user can
@@ -249,8 +249,8 @@ When the user presses an image, the `PageView` is launched for that page, where
 5. **Edit** → **Filter** : Adjust the page's pixels.
 6. **Edit** → **Annotate** : Add annotations to the page.
 
-The user can also enable the **"Upload"** feature. Check out [Enable File Upload]({{ site.guides }}mobile-web-capture-customization.html#enable-file-upload)
+The user can also enable the **"Upload"** feature. Check out [Enable File Upload]({{ site.code-gallery }}mobile-web-capture/customization-guide.html#enable-file-upload)
 
 ## Next Step
 
-Mobile Web Capture provides extensive customization options. Read on to explore the available customizations in the [MWC Customization Guide]({{ site.guides }}mobile-web-capture-customization.html).
+Mobile Web Capture provides extensive customization options. Read on to explore the available customizations in the [MWC Customization Guide]({{ site.code-gallery }}mobile-web-capture/customization-guide.html).

index.md

@@ -8,7 +8,7 @@ description: Mobile Document Scanner JS Edition Documentation Homepage
 # Mobile Web Capture
 
 - [Introduction]({{ site.introduction }}index.html)
-- [Developer Guide]({{ site.guides }}index.html)
+- [Developer Guide]({{ site.guide }}index.html)
 - Code Gallery
   - [Mobile Web Capture](({{ site.code-gallery }}mobile-web-capture/index.html))
     - [Customization Guide]({{ site.code-gallery }}mobile-web-capture/customization-guide.html)

introduction/index.md

@@ -23,7 +23,7 @@ When digitizing physical documents - whether for easier storage, better accessib
 3. **Document Processing** – Add *annotations* to scanned pages and perform common editing tasks such as cropping and color filtering.
 
 > [!TIP]
-> Not sure if it is the right fit? **Try the** [DDS demo](https://demo.dynamsoft.com/document-scanner/) first. If it meets your needs, you can skip the rest of this introduction and proceed directly to the [DDS user guide]({{ site.guides }}document-scanner.html).
+> Not sure if it is the right fit? **Try the** [DDS demo](https://demo.dynamsoft.com/document-scanner/) first. If it meets your needs, you can skip the rest of this introduction and proceed directly to the [MDS user guide]({{ site.guide }}index.html).
 
 > [!NOTE]
 > To deliver these features, we built the **Document Scanner** using two core Dynamsoft products: [**Dynamsoft Camera Enhancer**](https://www.dynamsoft.com/camera-enhancer/docs/web/programming/javascript/user-guide/index.html?lang=javascript) (DCE) and [**Dynamsoft Document Normalizer**](https://www.dynamsoft.com/document-normalizer/docs/web/programming/javascript/user-guide/index.html?lang=javascript) (DDN).
@@ -96,6 +96,6 @@ The table below lists the **minimum supported versions** of browsers based on th
 
 ## Next Step
 
-- If you only need to scan single-page documents, proceed to the [Mobile Document Scanner Developer Guide]({{ site.guides }}index.html).
+- If you only need to scan single-page documents, proceed to the [Mobile Document Scanner Developer Guide]({{ site.guide }}index.html).
 
-- If you need to handle multi-page documents, **multi-document** scenarios, PDF files, annotations, and more, you will need the fully-featured **Mobile Web Capture (MWC)**. In this case, proceed to the [Mobile Web Capture Developer Guide]({{ site.guides }}mobile-web-capture.html).
+- If you need to handle multi-page documents, **multi-document** scenarios, PDF files, annotations, and more, you will need the fully-featured **Mobile Web Capture (MWC)**. In this case, proceed to the [Mobile Web Capture Developer Guide]({{ site.code-gallery }}mobile-web-capture/index.html).

release-notes/mobile-web-capture.md

@@ -58,7 +58,7 @@ In this release, **Mobile Web Capture (MWC)** has been completely redesigned fro
 **MWC** features are organized into configurable UI views. Below is an overview of their main functionalities:
 
 > [!TIP]
-> Learn more in the [MWC user guide]({{ site.guides }}mobile-web-capture.html).
+> Learn more in the [MWC user guide]({{ site.code-gallery }}mobile-web-capture/index.html).
 
 #### Library View
 - Organize and manage multiple scanned documents
@@ -82,7 +82,7 @@ In this release, **Mobile Web Capture (MWC)** has been completely redesigned fro
 - View upload history
 
 > [!NOTE]
-> The following three views are powered by **Mobile Document Scanner (MDS)**. Learn more in the [MDS user guide]({{ site.guides }}index.html).
+> The following three views are powered by **Mobile Document Scanner (MDS)**. Learn more in the [MDS user guide]({{ site.guide }}index.html).
 
 #### Document Scanner View
 - Camera viewfinder with resolution toggle and more