update assets links and fix links

update to internal commit 414a19d9

Author: tony-xlh

_articles/extended-usage/dynamsoft-service-configuration.md

@@ -48,23 +48,23 @@ Multiple origins:
 Access-Control-Allow-Origin=http://192.168.8.212, http://192.168.8.126:8033, https://www.dynamsoft.com
 ```
 
-![Access-Control-Allow-Origin]({{site.assets}}imgs/Access-Control-Allow-Origin.png)
+![Access-Control-Allow-Origin](/assets/imgs/Access-Control-Allow-Origin.png)
 
 After configuring the origins in the `DSConfiguration.ini` file, please set [`IfCheckCORS`](/_articles/info/api/Dynamsoft_WebTwainEnv.md#ifcheckcors) to `true` in `dynamsoft.webtwain.config.js`. 
 
 When a request comes from a different origin, a CORS error message will be displayed, both in a pop-up and in the console.
 
-  ![CORS-error-popup]({{site.assets}}imgs/CORS-error-popup.png)
+  ![CORS-error-popup](/assets/imgs/CORS-error-popup.png)
 
-  ![CORS-error-console]({{site.assets}}imgs/CORS-error-console.png)
+  ![CORS-error-console](/assets/imgs/CORS-error-console.png)
 
 ## Installation of Dynamic Web TWAIN Service
 
 On a desktop, when a new user accesses a web page using Dynamic Web TWAIN SDK for the first time, he will be prompted to install the Dynamic Web TWAIN Service. This is a built-in behaviour of the library. The prompt will display the download link. Once the installer is downloaded, the installation process will take just a few seconds.
 
 The prompt comes up when you try to [create a WebTwain instance](/_articles/extended-usage/advanced-initialization.md#instantiating-webtwain-without-onwebtwainready) in Service mode.
 
-![Initialization]({{site.assets}}imgs/Initialization-1.png)
+![Initialization](/assets/imgs/Initialization-1.png)
 
 On **Windows and macOS**, double click the downloaded installer to install the service. 
 
@@ -84,7 +84,7 @@ On **Linux**, instead of double clicking, the downloaded installer needs to be r
 
 Once the installation is done, the users can click the orange sentence 'click here to verify completion' or refresh the page to start using Dynamic Web TWAIN.
 
-![Initialization]({{site.assets}}imgs/Initialization-2.png)
+![Initialization](/assets/imgs/Initialization-2.png)
 
 ### Msg: Dynamic Web TWAIN Service is not installed / Dynamic Web TWAIN is not installed
 

_articles/extended-usage/system-message-configuration.md

@@ -145,6 +145,6 @@ The messages are grouped into categories:
 
 The `Dynamsoft._show_install_dialog()` function defined in the `dynamsoft.webtwain.install.js` resource file generates the [Dynamic Web TWAIN Service](/_articles/faq/what-does-dynamsoft-service-do-on-end-user-machine.md) installation dialog box, pictured here:
 
-![install dialog]({{site.assets}}imgs/Initialization-1.png)
+![install dialog](/assets/imgs/Initialization-1.png)
 
 As the dialog box contains instructions for installing the Dynamic Web TWAIN Service, consider altering the message strings for localization purposes. Generally we discourage directly modifying the resource files, but this dialogue function contains styling and messaging which may be tailored the web application itself. Try not to alter the platform detection logic too greatly, as this may interfere with the Dynamic Web TWAIN Service installation procedure. Please contact the [support team](/_articles/about/getsupport.md) for any further questions.

_articles/extended-usage/ui-customization.md

@@ -15,7 +15,7 @@ Generally speaking, most UI elements are configured in the file **dynamsoft.webt
 
 ## Installation Dialog
 
-![UI 1]({{site.assets}}imgs/Initialization-1.png)
+![UI 1](/assets/imgs/Initialization-1.png)
 
 This dialog comes up when using `Dynamic Web TWAIN` scanner module under one of the following conditions:
 
@@ -28,7 +28,7 @@ If needing to disable the default dialog or come up with your own install dialog
 
 ### Loading bar and backdrop
 
-![UI 2]({{site.assets}}imgs/UI-8.png)
+![UI 2](/assets/imgs/UI-8.png)
 
 This loading bar and backdrop shows up when creating a `WebTwain` instance or when you try to scan. The functions `Dynamsoft.DWT.OnWebTwainPreExecute()` and `Dynamsoft.DWT.OnWebTwainPostExecute()` are called before and after the process. You can customize the behavior like this
 
@@ -51,11 +51,11 @@ If you just want to change the loading bar, you can use the `Dynamsoft.DWT.Custo
 
 When `Dynamic Web TWAIN` performs a time-consuming task, it'll show a progress bar. This progress bar is either like this
 
-![UI-3]({{site.assets}}imgs/UI-7.png)
+![UI-3](/assets/imgs/UI-7.png)
 
 or like this (with a `Cancel` button)
 
-![UI-4]({{site.assets}}imgs/UI-9.png)
+![UI-4](/assets/imgs/UI-9.png)
 
 The 1st bar shows up when saving, loading or converting and can be hidden by setting [ `IfShowProgressBar` ](/_articles/info/api/WebTwain_IO.md#ifshowprogressbar) to `false` .
 

_articles/faq/activeX-in-Edge-IE-mode.md

@@ -19,11 +19,11 @@ Microsoft is <a href="https://www.microsoft.com/en-us/edge/business/ie-mode" tar
 
 1. Update Edge Default Browser settings per the screenshot:
 
-    ![IE Mode 1]({{site.assets}}imgs/ieMode-1.png)
+    ![IE Mode 1](/assets/imgs/ieMode-1.png)
 
 2. Download and install <a href="https://www.microsoft.com/en-us/download/details.aspx?id=49974" target="_blank">Enterprise Mode Site List Manager</a> to <a href="https://docs.microsoft.com/en-us/internet-explorer/ie11-deploy-guide/add-single-sites-to-enterprise-mode-site-list-using-the-version-2-enterprise-mode-tool" target="_blank">add</a> and <a href="https://docs.microsoft.com/en-us/internet-explorer/ie11-deploy-guide/export-your-enterprise-mode-site-list-from-the-enterprise-mode-site-list-manager" target="_blank">export</a> a site list to a XML file.
 
-    ![IE Mode 2]({{site.assets}}imgs/ieMode-2.png)       
+    ![IE Mode 2](/assets/imgs/ieMode-2.png)       
 
 3. <a href="https://docs.microsoft.com/en-us/internet-explorer/ie11-deploy-guide/turn-on-enterprise-mode-and-use-a-site-list" target="_blank">Turn on Enterprise Mode using Group Policy</a>
 

_articles/faq/change-display-language.md

@@ -132,4 +132,4 @@ Dynamsoft.DWT.CustomizableDisplayInfo = {
 
 For the Dynamic Web TWAIN Service (also called "Dynamsoft Service") installation message below, you can customize the display language by searching for `Dynamsoft._show_install_dialog` in dynamsoft.webtwain.install.js, and changing the display language accordingly.
 
-![install dialog]({{site.assets}}imgs/Initialization-1.png)
+![install dialog](/assets/imgs/Initialization-1.png)

_articles/faq/connection-from-the-insecure-HTTP-to-service-failed.md

@@ -31,8 +31,8 @@ There are 2 resolutions to fix this issue.
 **Resolution 2:** Update Godaddy Cert
   - Click <a href="https://tst.dynamsoft.com/libs/dwt/17.2.1/GodaddyCert.zip" target="_blank">here</a> to download the certs. 
   - Run `Certmgr.msc` to open Certificate Manager Tool  
-  ![connection-from-HTTP-to-service-failed-1]({{site.assets}}imgs/connection-from-HTTP-to-service-failed-1.png)
+  ![connection-from-HTTP-to-service-failed-1](/assets/imgs/connection-from-HTTP-to-service-failed-1.png)
   - Import `godaddy Trusted Root Cert.cer` to Trusted Root Certification Authorities.
   - Import `godaddy Intermediate Cert.cer` to Intermediate Certificate Authorities.  
-  ![connection-from-HTTP-to-service-failed-2]({{site.assets}}imgs/connection-from-HTTP-to-service-failed-2.png)
+  ![connection-from-HTTP-to-service-failed-2](/assets/imgs/connection-from-HTTP-to-service-failed-2.png)
 

_articles/faq/customize-ui-elements-of-image-editor.md

@@ -52,7 +52,7 @@ visibility: {
 
 You can see the print icon is hidden in the image below.
 
-![image]({{site.assets}}imgs/hideicon.png)
+![image](/assets/imgs/hideicon.png)
 
 ### Can I specify where and how big the Editor is?
 
@@ -75,7 +75,7 @@ innerBorder: '',
 background: "rgb(255, 255, 255)",
 ```
 
-![image]({{site.assets}}imgs/colorchange.png)
+![image](/assets/imgs/colorchange.png)
 
 Complete code is as below.
 

_articles/faq/debug-on-online-demo.md

@@ -22,18 +22,18 @@ Visit Dynamic Web TWAIN Online Demo: [https://demo.dynamsoft.com/web-twain/](htt
 
 Given that the demo is presented via the iframe element, to acquire the WebTwain instance, you need to make the following configurations.
 
-![image1]({{site.assets}}imgs/debug_on_online_demo.png)
+![image1](/assets/imgs/debug_on_online_demo.png)
 
 As an alternative, you can straightforwardly call the `top[0].DWTObject`.
 
 **Step 3:**
 
 You've now obtained the WebTwain instance.
 
-![image2]({{site.assets}}imgs/get_dwtobject_instance.png)
+![image2](/assets/imgs/get_dwtobject_instance.png)
 
 And you can test the API as much as you want. Let's take the [ConvertToBase64](https://www.dynamsoft.com/web-twain/docs/info/api/WebTwain_IO.html#converttobase64) as an example. After you input the code into the console and press Enter to run this code snippet, it will convert the image at index 0 in the buffer (that is, the first image) into a Base64 string.
 
-![image3]({{site.assets}}imgs/console_code_test.png)
+![image3](/assets/imgs/console_code_test.png)
 
 Now that you've had the opportunity to preview how the DWT API operates in the web application, you can explore more features by reviewing the [API documentation]({{site.info}}api/). 

_articles/faq/deploy-your-own-upload-server-with-asp.net.md

@@ -29,7 +29,7 @@ Please select your frontend language:
 
 This article assumes that you have downloaded and unzipped this sample: <a href="https://download2.dynamsoft.com/Samples/DWT_OnlineDemo/DynamicWebTWAIN-JavaScript.zip">DynamicWebTWAIN-JavaScript.zip</a>. After unzipping it, the directory structure is shown in the image below.
 
-![javascript.png]({{site.assets}}imgs/javascript.png)
+![javascript.png](/assets/imgs/javascript.png)
 
 <p>Note: The &quot;Sample&quot; directory mentioned in the steps below refers to the &quot;Sample&quot; directory shown in the image.</p>
 
@@ -84,7 +84,7 @@ function onUploadFailure(errorCode, errorString, sHttpResponse) {
 
 This article assumes that you have downloaded and unzipped this sample: <a href="https://download2.dynamsoft.com/Samples/DWT_OnlineDemo/DynamicWebTWAIN-Angular.zip">DynamicWebTWAIN-Angular.zip</a>. After unzipping it, the directory structure is shown in the image below.
 
-![angular.png]({{site.assets}}imgs/angular.png)
+![angular.png](/assets/imgs/angular.png)
 
 <p>Note: The &quot;Sample&quot; directory mentioned in the steps below refers to the &quot;Sample&quot; directory shown in the image.</p>
 
@@ -161,7 +161,7 @@ This article assumes that you have downloaded and unzipped this sample: <a href=
 
 This article assumes that you have downloaded and unzipped this sample: <a href="https://download2.dynamsoft.com/Samples/DWT_OnlineDemo/DynamicWebTWAIN-React-JavaScript.zip">DynamicWebTWAIN-React-JavaScript.zip</a>. After unzipping it, the directory structure is shown in the image below.
 
-![react.png]({{site.assets}}imgs/react.png)
+![react.png](/assets/imgs/react.png)
 
 <p>Note: The &quot;Sample&quot; directory mentioned in the steps below refers to the &quot;Sample&quot; directory shown in the image.</p>
 
@@ -238,7 +238,7 @@ This article assumes that you have downloaded and unzipped this sample: <a href=
 
 This article assumes that you have downloaded and unzipped this sample: <a href="https://download2.dynamsoft.com/Samples/DWT_OnlineDemo/DynamicWebTWAIN-React-TypeScript.zip">DynamicWebTWAIN-React-TypeScript.zip</a>. After unzipping it, the directory structure is shown in the image below.
 
-![react-typescript.png]({{site.assets}}imgs/react-typescript.png)
+![react-typescript.png](/assets/imgs/react-typescript.png)
 
 <p>Note: The &quot;Sample&quot; directory mentioned in the steps below refers to the &quot;Sample&quot; directory shown in the image.</p>
 
@@ -315,7 +315,7 @@ This article assumes that you have downloaded and unzipped this sample: <a href=
 
 This article assumes that you have downloaded and unzipped this sample: <a href="https://download2.dynamsoft.com/Samples/DWT_OnlineDemo/DynamicWebTWAIN-Vue-JavaScript.zip">DynamicWebTWAIN-Vue-JavaScript.zip</a>. After unzipping it, the directory structure is shown in the image below.
 
-![vue.png]({{site.assets}}imgs/vue.png)
+![vue.png](/assets/imgs/vue.png)
 
 <p>Note: The &quot;Sample&quot; directory mentioned in the steps below refers to the &quot;Sample&quot; directory shown in the image.</p>
 
@@ -392,7 +392,7 @@ This article assumes that you have downloaded and unzipped this sample: <a href=
 
 This article assumes that you have downloaded and unzipped this sample: <a href="https://download2.dynamsoft.com/Samples/DWT_OnlineDemo/DynamicWebTWAIN-Vue-TypeScript.zip">DynamicWebTWAIN-Vue-TypeScript.zip</a>. After unzipping it, the directory structure is shown in the image below.
 
-![vue-typescript.png]({{site.assets}}imgs/vue-typescript.png)
+![vue-typescript.png](/assets/imgs/vue-typescript.png)
 
 <p>Note: The &quot;Sample&quot; directory mentioned in the steps below refers to the &quot;Sample&quot; directory shown in the image.</p>
 

_articles/faq/deploy-your-own-upload-server-with-jsp.md

@@ -29,7 +29,7 @@ Please select your frontend language:
 
 This article assumes that you have downloaded and unzipped this sample: <a href="https://download2.dynamsoft.com/Samples/DWT_OnlineDemo/DynamicWebTWAIN-JavaScript.zip">DynamicWebTWAIN-JavaScript.zip</a>. After unzipping it, the directory structure is shown in the image below.
 
-![javascript.png]({{site.assets}}imgs/javascript.png)
+![javascript.png](/assets/imgs/javascript.png)
 
 <p>Note: The &quot;Sample&quot; directory mentioned in the steps below refers to the &quot;Sample&quot; directory shown in the image.</p>
 
@@ -88,7 +88,7 @@ For example, if you are using Tomcat 10.1.16, copy it to &quot;{Tomcat-installed
 
 This article assumes that you have downloaded and unzipped this sample: <a href="https://download2.dynamsoft.com/Samples/DWT_OnlineDemo/DynamicWebTWAIN-Angular.zip">DynamicWebTWAIN-Angular.zip</a>. After unzipping it, the directory structure is shown in the image below.
 
-![angular.png]({{site.assets}}imgs/angular.png)
+![angular.png](/assets/imgs/angular.png)
 
 <p>Note: The &quot;Sample&quot; directory mentioned in the steps below refers to the &quot;Sample&quot; directory shown in the image.</p>
 
@@ -168,7 +168,7 @@ For example, if you are using Tomcat 10.1.16, copy it to &quot;{Tomcat-installed
 
 This article assumes that you have downloaded and unzipped this sample: <a href="https://download2.dynamsoft.com/Samples/DWT_OnlineDemo/DynamicWebTWAIN-React-JavaScript.zip">DynamicWebTWAIN-React-JavaScript.zip</a>. After unzipping it, the directory structure is shown in the image below.
 
-![react.png]({{site.assets}}imgs/react.png)
+![react.png](/assets/imgs/react.png)
 
 <p>Note: The &quot;Sample&quot; directory mentioned in the steps below refers to the &quot;Sample&quot; directory shown in the image.</p>
 
@@ -248,7 +248,7 @@ For example, if you are using Tomcat 10.1.16, copy it to &quot;{Tomcat-installed
 
 This article assumes that you have downloaded and unzipped this sample: <a href="https://download2.dynamsoft.com/Samples/DWT_OnlineDemo/DynamicWebTWAIN-React-TypeScript.zip">DynamicWebTWAIN-React-TypeScript.zip</a>. After unzipping it, the directory structure is shown in the image below.
 
-![react-typescript.png]({{site.assets}}imgs/react-typescript.png)
+![react-typescript.png](/assets/imgs/react-typescript.png)
 
 <p>Note: The &quot;Sample&quot; directory mentioned in the steps below refers to the &quot;Sample&quot; directory shown in the image.</p>
 
@@ -328,7 +328,7 @@ For example, if you are using Tomcat 10.1.16, copy it to &quot;{Tomcat-installed
 
 This article assumes that you have downloaded and unzipped this sample: <a href="https://download2.dynamsoft.com/Samples/DWT_OnlineDemo/DynamicWebTWAIN-Vue-JavaScript.zip">DynamicWebTWAIN-Vue-JavaScript.zip</a>. After unzipping it, the directory structure is shown in the image below.
 
-![vue.png]({{site.assets}}imgs/vue.png)
+![vue.png](/assets/imgs/vue.png)
 
 <p>Note: The &quot;Sample&quot; directory mentioned in the steps below refers to the &quot;Sample&quot; directory shown in the image.</p>
 
@@ -408,7 +408,7 @@ For example, if you are using Tomcat 10.1.16, copy it to &quot;{Tomcat-installed
 
 This article assumes that you have downloaded and unzipped this sample: <a href="https://download2.dynamsoft.com/Samples/DWT_OnlineDemo/DynamicWebTWAIN-Vue-TypeScript.zip">DynamicWebTWAIN-Vue-TypeScript.zip</a>. After unzipping it, the directory structure is shown in the image below.
 
-![vue-typescript.png]({{site.assets}}imgs/vue-typescript.png)
+![vue-typescript.png](/assets/imgs/vue-typescript.png)
 
 <p>Note: The &quot;Sample&quot; directory mentioned in the steps below refers to the &quot;Sample&quot; directory shown in the image.</p>