add sso loing docs (#170)

* add sso-login

* fix sso goole

* fix sso

* fix sso_github

* fix sso error docs

* add ali-open Docs highlighting

Author: anwen-anyi

docs/.vuepress/public/img/advanced/dingding.png

@@ -44,6 +44,7 @@ If you see this error when adding storage, but you don't see the corresponding d
 In particular, for Safari:
 
 - For cross-origin media, content-type must be the media type, not the generic application/octet-stream. So if the content-type returned by the direct link is application/octet-stream, then Safari will not be able to play.(PS: Why Can AliyunDrive play in Safari? Because the official website of the video playback is not the use of download links, but after the transcoding of AliyunDrive)
+- Aliyun disk development platform driver supports online video playback (also limited to Aliyun disk open platform driver and **Aliyun Video Previewer** option player)
 
 ### Why can't I preview the office file?
 
@@ -241,3 +242,11 @@ Workaround:
 
 
 **Method 2**: Turn off and disable IPv6 of vps
+
+### 123 When the cloud disk is mounted, json: cannot unmarshal string into Go struct field TokenResp.data of type struct { Token string "json:\"token\"" }
+
+![faq](/img/faq/123error.png)
+
+There is a high probability that your device that builds Alist is temporarily blocked, frozen, blocked, or restricted. Don't mount it yet, wait a few hours and try again or wait a day
+
+(Conclusions from the above questions have been tested)

docs/.vuepress/public/img/advanced/github.png

@@ -19,8 +19,6 @@ dir:
 
  - [**Search how to use tutorials and precautions**](search.md)
 
- - [**GitHub Login**](github.md)
+ - [**Single Sign-On**](sso.md)
 
  - [**offline-download**](offline-download.md)
-
-

docs/.vuepress/public/img/advanced/google.png

@@ -66,7 +66,7 @@ According to [source code] (https://github.com/alist-org/alist/blob/main/interna
    - ```{ *** Value: "http://admin:adminadmin@localhost:8080/", Type: conf.TypeString, *** } ```
 
 
-3. We can also customize, instead of using the default presets
+3.  ==We can also customize, instead of using the default presets== 
    -  Modification location: **Alist Manage** --> **Settings** --> **Qbittorrent url** option, just follow the modification
 
 
@@ -97,4 +97,4 @@ The above two methods are most likely caused by the qBittorrent software itself,
   poster="/img/advanced/qbittorrent.png"
 />
 
-**If the video fails, you can watch it here: no yet**
+**If the video fails, you can watch it here: https://b23.tv/J34qDiG**

docs/.vuepress/public/img/advanced/weiruan.png

@@ -0,0 +1,203 @@
+---
+# This is the icon of the page
+icon: group
+# This control sidebar order
+order: 9
+# A page can have multiple categories
+category:
+  - Guide
+# A page can have multiple tags
+tag:
+  - Advanced
+  - Guide
+# this page is sticky in article list
+sticky: true
+# this page will appear in starred articles
+star: true
+---
+
+# Third-party single sign-on
+### Single sign-on client id
+
+client ID
+
+### Single sign-on client secrets
+
+secrets ID
+
+
+
+::: warning matters needing attention
+
+1. Remember to write and save the background parameters of AList. After writing and saving, you have to go back to the bottom of the personal data and there will be a button that needs to be bound, otherwise it cannot be used
+
+2. Only one of the four types of single sign-on can be enabled temporarily. If you used other single sign-on methods before and then changed to a new single Unbind (just one click) and then bind the single sign-on method you want to use now.
+
+:::
+
+
+
+::::tabs#sso
+
+@tab GitHub
+
+::: warning
+If you want to use GitHub to log in, you first need the machine you built Alist to be able to connect to GitHub before you can call and use it, otherwise you cannot use it if the link is not connected
+:::
+
+Open **https://github.com/settings/developers** Click **`New OAuth App`**
+
+
+
+### Register OAuth Instructions
+
+- Application name
+     - Write whatever you want to call it
+-  ==**Homepage URL**== 
+   - home URL address
+     - Both **http** and **https** can be used
+- Application description
+   - write whatever you want
+-  ==**Authorization callback URL**== 
+   - Callback URL address
+   - **https://your_domain/api/auth/sso_callback**
+     - Both **http** and **https** can be used
+
+
+
+Remember to get **Client secrets** after filling it out, and then fill it in the Alist background.
+
+Remember to write and save the background parameters of AList. After writing and saving, you have to go back to the bottom of the personal data and there will be a button that needs to be bound, otherwise it cannot be used
+
+### Completely fill in the reference schematic
+
+![sso](/img/advanced/github.png)
+
+
+
+### GitHub login Video Tutorials
+
+<ArtPlayer
+  src="https://hub.onmicrosoft.cn/public/video/weibo?uid=7821998556&cursor=4872400300415846&raw=true" 
+  poster="/img/advanced/github-login.png"
+/>
+
+**If the video fails, you can watch it here: https://b23.tv/Fm8AkC5**
+
+@tab Dingtalk
+
+
+
+First open **https://open-dev.dingtalk.com/fe/app#/corp/app**
+
+In the upper right corner, first select `New Application`, select `H5 Micro Application` as the type, fill in the content by yourself and click Confirm to create
+
+Click on the new application and we will see the application credentials option, where `AppKey` is the client ID, and `AppSecret` is the client secret key
+
+- Just fill in the corresponding parameters in the Alist background single sign-on
+
+Go to the left column and find `Login and Share` == Fill in the callback parameters **`http://127.0.0.1:5234/api/auth/sso_callback`**==
+
+```Callback parameter example
+http://127.0.0.1:5244/api/auth/sso_callback
+```
+
+- Note: I used the callback parameter here for local testing. http://127.x When you use it, Write **http(s)://your own domain name/api/auth/sso_callback** when filling in and using it by yourself
+
+Write the callback parameters well. Let’s go to the left column and find `Privilege Management`, find **`Personal Information Read Permission of Address Book`** and click to authorize
+
+
+
+Remember to write and save the background parameters of AList. After writing and saving, you have to go back to the bottom of the personal data and there will be a button that needs to be bound, otherwise it cannot be used
+
+### Completely fill in the reference schematic
+
+![sso](/img/advanced/dingding.png)
+
+
+
+@tab Microsoft
+
+
+
+First open **https://portal.azure.com/#view/Microsoft_AAD_RegisteredApps/ApplicationsListBlade**
+
+Then register to create an application, I won't say much here, you can see the complete schematic diagram
+
+Account type must be selected: **Account in any organizational directory (any Azure AD directory - multi-tenant)**
+
+Microsoft callback parameters: must start with "HTTPS" or "http://localhost (I used localhost here for local testing)
+
+```Callback parameter example
+http://localhost:5244/api/auth/sso_callback?method=sso_get_token
+http://localhost:5244/api/auth/sso_callback?method=get_sso_id
+```
+
+- Write **http(s)://your own domain name/api/auth/sso_callback?method=sso_get_token** when filling in and using it by yourself
+- Write **http(s)://your own domain name/api/auth/sso_callback?method=get_sso_id** when filling in and using it by yourself
+- Note: When adding a redirect URL to a new application, only one can be added. After the application is registered and registered, click on the application to see the options behind the redirect URI
+
+After filling it out, we click `Certificate and Password` on the left column to create a new `Client Password` to get our client secret key
+
+- After the client password is created, the **`value`** parameter is our `client key`, remember to save it, it will not appear again if it appears once, if you don’t save it in time, just create a new client password
+
+The client ID is in `Overview` at the top of the left column, find the application (client) ID, which is the client ID we need to fill in the Alist
+
+- We have got the client ID and secret key and fill them in the AList single sign-on configuration.
+
+
+
+Remember to write and save the background parameters of AList. After writing and saving, you have to go back to the bottom of the personal data and there will be a button that needs to be bound, otherwise it cannot be used
+
+### Completely fill in the reference schematic
+
+![sso](/img/advanced/weiruan.png)
+
+
+
+@tab Google
+
+::: warning
+If you want to use Google to log in, you first need the machine you built Alist to be able to connect to Google before you can call and use it, otherwise you cannot use it if the link is not connected
+:::
+
+1. First open **https://console.cloud.google.com/projectselector2/apis/dashboard?hl=zh-cn**
+
+2. If you are using it for the first time, you need to create a new project first (just write whatever you want, skip it if it has already been created)
+
+3. Then configure the [consent screen](#agree-to-screen-configuration) (there is a separate instruction on how to configure the document, if it is already configured, skip it)
+
+4. After configuring the unified screen, we click the credentials on the left, create credentials, and select OAuth client ID
+
+- Application Type Select Web Application, and write the name as you like
+- Then add our two callback parameters in the authorized redirect URI
+
+```Callback parameter example
+http://127.0.0.1:5244/api/auth/sso_callback?method=get_sso_id
+http://127.0.0.1:5244/api/auth/sso_callback?method=sso_get_token
+```
+
+- Write **http(s)://your own domain name/api/auth/sso_callback?method=get_sso_id** when filling in and using it by yourself
+- Write **http(s)://your own domain name/api/auth/sso_callback?method=sso_get_token** when filling in and using it by yourself
+
+After filling it out, click Create to get the OAuth client ID and secret key
+
+- (It doesn't matter if you accidentally close it here, just click on the name of the application we created and enter it in the upper right position to see it)
+
+We have got the client ID and secret key and fill them in the AList single sign-on configuration.
+
+
+
+Remember to write and save the background parameters of AList. After writing and saving, you have to go back to the bottom of the personal data and there will be a button that needs to be bound, otherwise it cannot be used
+
+#### Agree to screen configuration
+
+If it has been configured, just ignore this picture (you can zoom in if you can’t see it clearly)
+
+![Google](/img/drivers/google/Google-6.png)
+
+### Completely fill in the reference schematic
+
+![sso](/img/advanced/google.png)
+
+::::